# Turquoise and terracotta sun bleached pool tiles

The Turquoise and terracotta sun bleached pool tiles brings together teal, light teal, light green, light orange, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is light green.

- Also called: Tritone blue, light green and brown linear swatches
- Seed: `kYtD-Y55-8W2XOhpHzg2qo9ckePy`
- Page: https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: pastel, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#5aafc2` | `oklch(70.87% 0.0868 214.45)` | Gondolier | black, 8.3 to 1 |
| 2 | `#7ed5c8` | `oklch(81.50% 0.0868 183.81)` | Shore | black, 12.2 to 1 |
| 3 | `#c1dbb2` | `oklch(86.22% 0.0634 134.14)` | Wisp Green | black, 14 to 1 |
| 4 | `#ebbd8a` | `oklch(82.68% 0.0854 68.62)` | Hubbard Squash | black, 12.1 to 1 |
| 5 | `#dd8b61` | `oklch(71.26% 0.1157 47.49)` | Copper Tan | black, 7.9 to 1 |
| 6 | `#a36852` | `oklch(57.48% 0.0827 41.15)` | Verminlord Hide | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #5aafc2 0.000% 16.667%, #7ed5c8 16.667% 33.333%, #c1dbb2 33.333% 50.000%, #ebbd8a 50.000% 66.667%, #dd8b61 66.667% 83.333%, #a36852 83.333% 100.000%);
background: linear-gradient(90deg, oklch(70.87% 0.0868 214.45) 0.000% 16.667%, oklch(81.50% 0.0868 183.81) 16.667% 33.333%, oklch(86.22% 0.0634 134.14) 33.333% 50.000%, oklch(82.68% 0.0854 68.62) 50.000% 66.667%, oklch(71.26% 0.1157 47.49) 66.667% 83.333%, oklch(57.48% 0.0827 41.15) 83.333% 100.000%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.087 | 214.5 |
| 2 | 0.815 | 0.087 | 183.8 |
| 3 | 0.862 | 0.063 | 134.1 |
| 4 | 0.827 | 0.085 | 68.6 |
| 5 | 0.713 | 0.116 | 47.5 |
| 6 | 0.575 | 0.083 | 41.1 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)
- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

- [JSON](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.json?style=linearSwatches&steps=6)
- [PNG](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.png?style=linearSwatches&steps=6)
- [SVG](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.svg?style=linearSwatches&steps=6)
- [CSS](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.css?style=linearSwatches&steps=6)
- [ASE](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.ase?style=linearSwatches&steps=6)
- [GPL](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.gpl?style=linearSwatches&steps=6)
- [GRD](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.grd?style=linearSwatches&steps=6)
- [Design tokens](https://grabient.com/kYtD-Y55-8W2XOhpHzg2qo9ckePy.tokens.json?style=linearSwatches&steps=6)
- [Social card](https://grabient.com/api/og?seed=kYtD-Y55-8W2XOhpHzg2qo9ckePy&style=linearSwatches&steps=6)
- [Palettes like this one](https://grabient.com/palettes?q=kYtD-Y55-8W2XOhpHzg2qo9ckePy)
- [Guide for agents](https://grabient.com/llms.txt)