# Gold, emerald and turquoise beach palette

The Gold, emerald and turquoise beach palette brings together pale orange, light orange, light green, teal, and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is pale orange.

- Also called: Pastel tritone beige, teal and blue angular gradient
- Seed: `kW5Sw36Bm9mSgzJZL0L1CvEo`
- Page: https://grabient.com/kW5Sw36Bm9mSgzJZL0L1CvEo?style=angularGradient&steps=32&angle=180
- Drawn as: angular gradient, 32 steps, 180 degrees
- Kinds: pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#f5dab2` | `oklch(90.16% 0.0606 78.05)` | Lion’s Roar | black, 15.5 to 1 |
| 2 | `#f4d7b0` | `oklch(89.46% 0.0613 75.52)` | Apricot Gelato | black, 15.2 to 1 |
| 3 | `#f4d3ad` | `oklch(88.47% 0.0622 71.16)` | Pekin Chicken | black, 14.7 to 1 |
| 4 | `#f3ceaa` | `oklch(87.31% 0.0632 65.91)` | Allspice | black, 14.1 to 1 |
| 5 | `#f1c8a7` | `oklch(86.03% 0.0644 60.72)` | Citrus Sachet | black, 13.5 to 1 |
| 6 | `#efc3a4` | `oklch(84.75% 0.0657 56.54)` | Siesta | black, 12.9 to 1 |
| 7 | `#edbea0` | `oklch(83.55% 0.0673 54.32)` | Madrid Beige | black, 12.4 to 1 |
| 8 | `#eabb9b` | `oklch(82.51% 0.0689 54.99)` | Cinnamon Foam | black, 12 to 1 |
| 9 | `#e6b996` | `oklch(81.72% 0.0707 59.54)` | Gentle Doe | black, 11.7 to 1 |
| 10 | `#e1ba8f` | `oklch(81.20% 0.0726 68.88)` | Pancho | black, 11.5 to 1 |
| 11 | `#d9bc89` | `oklch(80.88% 0.0746 82.12)` | Honey Tea | black, 11.5 to 1 |
| 12 | `#cdc187` | `oklch(80.67% 0.0766 97.92)` | Fiddlehead Fern | black, 11.5 to 1 |
| 13 | `#bdc68b` | `oklch(80.50% 0.0789 114.93)` | Misty Valley | black, 11.6 to 1 |
| 14 | `#acca93` | `oklch(80.29% 0.0815 131.82)` | Garden Spot | black, 11.6 to 1 |
| 15 | `#9acd9e` | `oklch(79.98% 0.0844 147.25)` | Garden Goddess | black, 11.5 to 1 |
| 16 | `#89cea9` | `oklch(79.48% 0.0877 159.86)` | Marooned | black, 11.4 to 1 |
| 17 | `#7bcdaf` | `oklch(78.72% 0.0917 168.61)` | Aquamarine Ocean | black, 11.1 to 1 |
| 18 | `#6ecbb2` | `oklch(77.70% 0.0967 174.51)` | Puppeteers | black, 10.8 to 1 |
| 19 | `#5fc8b3` | `oklch(76.50% 0.1027 178.38)` | Cockatoo | black, 10.4 to 1 |
| 20 | `#50c5b2` | `oklch(75.19% 0.1090 180.85)` | Synergy | black, 9.9 to 1 |
| 21 | `#3ec2b0` | `oklch(73.84% 0.1152 182.54)` | Synergy | black, 9.5 to 1 |
| 22 | `#28beaf` | `oklch(72.52% 0.1209 184.05)` | Tealish | black, 9.1 to 1 |
| 23 | `#00bbae` | `oklch(71.32% 0.1251 186.02)` | Turquoise Topaz | black, 8.7 to 1 |
| 24 | `#00b7af` | `oklch(70.30% 0.1218 189.06)` | Super Rare Jade | black, 8.3 to 1 |
| 25 | `#00b3b2` | `oklch(69.48% 0.1189 193.53)` | Laguna Green | black, 8.1 to 1 |
| 26 | `#00b0b6` | `oklch(68.77% 0.1169 198.92)` | Mermaid Treasure | black, 7.8 to 1 |
| 27 | `#00adbb` | `oklch(68.15% 0.1163 204.85)` | Placid Sea | black, 7.6 to 1 |
| 28 | `#00aac0` | `oklch(67.61% 0.1173 210.97)` | Sarah’s Garden | black, 7.4 to 1 |
| 29 | `#00a7c5` | `oklch(67.15% 0.1199 216.92)` | True Sky Blue | black, 7.3 to 1 |
| 30 | `#05a4ca` | `oklch(66.75% 0.1229 222.34)` | Charybdis | black, 7.1 to 1 |
| 31 | `#20a1cd` | `oklch(66.42% 0.1210 226.90)` | Charybdis | black, 7 to 1 |
| 32 | `#2b9fce` | `oklch(66.14% 0.1199 230.22)` | Blue Burst | black, 6.9 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #f5dab2 0.0%, #f4d7b0 3.2%, #f4d3ad 6.5%, #f3ceaa 9.7%, #f1c8a7 12.9%, #efc3a4 16.1%, #edbea0 19.4%, #eabb9b 22.6%, #e6b996 25.8%, #e1ba8f 29.0%, #d9bc89 32.3%, #cdc187 35.5%, #bdc68b 38.7%, #acca93 41.9%, #9acd9e 45.2%, #89cea9 48.4%, #7bcdaf 51.6%, #6ecbb2 54.8%, #5fc8b3 58.1%, #50c5b2 61.3%, #3ec2b0 64.5%, #28beaf 67.7%, #00bbae 71.0%, #00b7af 74.2%, #00b3b2 77.4%, #00b0b6 80.6%, #00adbb 83.9%, #00aac0 87.1%, #00a7c5 90.3%, #05a4ca 93.5%, #20a1cd 96.8%, #2b9fce 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(90.16% 0.0606 78.05) 0.0%, oklch(89.46% 0.0613 75.52) 3.2%, oklch(88.47% 0.0622 71.16) 6.5%, oklch(87.31% 0.0632 65.91) 9.7%, oklch(86.03% 0.0644 60.72) 12.9%, oklch(84.75% 0.0657 56.54) 16.1%, oklch(83.55% 0.0673 54.32) 19.4%, oklch(82.51% 0.0689 54.99) 22.6%, oklch(81.72% 0.0707 59.54) 25.8%, oklch(81.20% 0.0726 68.88) 29.0%, oklch(80.88% 0.0746 82.12) 32.3%, oklch(80.67% 0.0766 97.92) 35.5%, oklch(80.50% 0.0789 114.93) 38.7%, oklch(80.29% 0.0815 131.82) 41.9%, oklch(79.98% 0.0844 147.25) 45.2%, oklch(79.48% 0.0877 159.86) 48.4%, oklch(78.72% 0.0917 168.61) 51.6%, oklch(77.70% 0.0967 174.51) 54.8%, oklch(76.50% 0.1027 178.38) 58.1%, oklch(75.19% 0.1090 180.85) 61.3%, oklch(73.84% 0.1152 182.54) 64.5%, oklch(72.52% 0.1209 184.05) 67.7%, oklch(71.32% 0.1251 186.02) 71.0%, oklch(70.30% 0.1218 189.06) 74.2%, oklch(69.48% 0.1189 193.53) 77.4%, oklch(68.77% 0.1169 198.92) 80.6%, oklch(68.15% 0.1163 204.85) 83.9%, oklch(67.61% 0.1173 210.97) 87.1%, oklch(67.15% 0.1199 216.92) 90.3%, oklch(66.75% 0.1229 222.34) 93.5%, oklch(66.42% 0.1210 226.90) 96.8%, oklch(66.14% 0.1199 230.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.061 | 78 |
| 2 | 0.819 | 0.07 | 58 |
| 3 | 0.791 | 0.09 | 164.7 |
| 4 | 0.701 | 0.13 | 190.1 |
| 5 | 0.661 | 0.12 | 230.2 |

## In these collections

- [Beach gradients](https://grabient.com/beach-gradients)

## Other forms

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