# Orange, coral and cobalt blue beach palette

The Orange, coral and cobalt blue beach palette brings together pale orange, light orange, light red, light magenta, and blue. The colors span a moderate lightness range, combining moderate color with clear 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: Beige, pink and blue linear gradient
- Seed: `kW7xYgbpm_-WdPPboLoSKg3A`
- Page: https://grabient.com/kW7xYgbpm_-WdPPboLoSKg3A?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, pastel, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.7 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 | `#fee6db` | `oklch(94.09% 0.0303 45.00)` | French Manicure | black, 17.5 to 1 |
| 2 | `#fee3d7` | `oklch(93.53% 0.0337 45.18)` | Tranquil Peach | black, 17.2 to 1 |
| 3 | `#fee0d2` | `oklch(92.77% 0.0385 45.63)` | Light Quilt | black, 16.8 to 1 |
| 4 | `#fedccc` | `oklch(91.87% 0.0443 46.16)` | Glazed Sugar | black, 16.3 to 1 |
| 5 | `#ffd7c5` | `oklch(90.87% 0.0505 46.63)` | Tiny Pink | black, 15.8 to 1 |
| 6 | `#fed3be` | `oklch(89.81% 0.0567 46.87)` | Vienna Sausage | black, 15.2 to 1 |
| 7 | `#feceb7` | `oklch(88.75% 0.0625 46.72)` | Apricot Lily | black, 14.7 to 1 |
| 8 | `#fdcab2` | `oklch(87.72% 0.0674 46.00)` | Malibu Peach | black, 14.2 to 1 |
| 9 | `#fcc5ae` | `oklch(86.78% 0.0710 44.58)` | Gadabout | black, 13.7 to 1 |
| 10 | `#fbc2ab` | `oklch(85.87% 0.0736 42.61)` | Sweet Apricot | black, 13.3 to 1 |
| 11 | `#fabea9` | `oklch(84.97% 0.0753 40.22)` | Blushing Apricot | black, 12.9 to 1 |
| 12 | `#f8baa7` | `oklch(84.08% 0.0765 37.40)` | Yahoo | black, 12.5 to 1 |
| 13 | `#f6b6a7` | `oklch(83.18% 0.0773 34.16)` | Pink Mimosa | black, 12.1 to 1 |
| 14 | `#f3b3a7` | `oklch(82.27% 0.0779 30.51)` | Warm Heart | black, 11.8 to 1 |
| 15 | `#f1afa7` | `oklch(81.34% 0.0785 26.46)` | Lusty Salmon | black, 11.4 to 1 |
| 16 | `#eeaba8` | `oklch(80.40% 0.0794 22.01)` | Pressed Rose | black, 11 to 1 |
| 17 | `#eba7a9` | `oklch(79.45% 0.0805 17.17)` | Hibiscus Petal | black, 10.6 to 1 |
| 18 | `#e8a4ab` | `oklch(78.55% 0.0816 11.94)` | Berry Riche | black, 10.3 to 1 |
| 19 | `#e5a1ae` | `oklch(77.69% 0.0826 6.31)` | Sprinkled With Pink | black, 10 to 1 |
| 20 | `#e19eb1` | `oklch(76.82% 0.0837 0.28)` | Faded Pink | black, 9.6 to 1 |
| 21 | `#dc9bb5` | `oklch(75.89% 0.0847 353.83)` | Haute Pink | black, 9.3 to 1 |
| 22 | `#d698b8` | `oklch(74.87% 0.0860 346.97)` | Sweet Perfume | black, 9 to 1 |
| 23 | `#d095bc` | `oklch(73.73% 0.0874 339.69)` | Soft Fuchsia | black, 8.6 to 1 |
| 24 | `#c791bf` | `oklch(72.41% 0.0891 331.97)` | Pomtini | black, 8.2 to 1 |
| 25 | `#bd8ec2` | `oklch(70.82% 0.0912 323.39)` | Violaceous | black, 7.7 to 1 |
| 26 | `#b08ac4` | `oklch(68.85% 0.0939 313.26)` | Creeping Bellflower | black, 7.2 to 1 |
| 27 | `#9f86c6` | `oklch(66.65% 0.0969 302.17)` | Petrified Purple | black, 6.6 to 1 |
| 28 | `#8d82c6` | `oklch(64.36% 0.1001 290.77)` | Amethyst Grey | black, 6.1 to 1 |
| 29 | `#7a7fc4` | `oklch(62.12% 0.1032 279.69)` | Twilight Twinkle | black, 5.6 to 1 |
| 30 | `#677dc0` | `oklch(60.06% 0.1061 269.60)` | Persian Jewel | black, 5.2 to 1 |
| 31 | `#567bbb` | `oklch(58.34% 0.1085 261.13)` | Blue Android Base | black, 4.9 to 1 |
| 32 | `#4879b7` | `oklch(57.09% 0.1102 254.94)` | Ashton Blue | black, 4.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #fee6db 0.0%, #fee3d7 3.2%, #fee0d2 6.5%, #fedccc 9.7%, #ffd7c5 12.9%, #fed3be 16.1%, #feceb7 19.4%, #fdcab2 22.6%, #fcc5ae 25.8%, #fbc2ab 29.0%, #fabea9 32.3%, #f8baa7 35.5%, #f6b6a7 38.7%, #f3b3a7 41.9%, #f1afa7 45.2%, #eeaba8 48.4%, #eba7a9 51.6%, #e8a4ab 54.8%, #e5a1ae 58.1%, #e19eb1 61.3%, #dc9bb5 64.5%, #d698b8 67.7%, #d095bc 71.0%, #c791bf 74.2%, #bd8ec2 77.4%, #b08ac4 80.6%, #9f86c6 83.9%, #8d82c6 87.1%, #7a7fc4 90.3%, #677dc0 93.5%, #567bbb 96.8%, #4879b7 100.0%);
background: linear-gradient(180deg in oklch, oklch(94.09% 0.0303 45.00) 0.0%, oklch(93.53% 0.0337 45.18) 3.2%, oklch(92.77% 0.0385 45.63) 6.5%, oklch(91.87% 0.0443 46.16) 9.7%, oklch(90.87% 0.0505 46.63) 12.9%, oklch(89.81% 0.0567 46.87) 16.1%, oklch(88.75% 0.0625 46.72) 19.4%, oklch(87.72% 0.0674 46.00) 22.6%, oklch(86.78% 0.0710 44.58) 25.8%, oklch(85.87% 0.0736 42.61) 29.0%, oklch(84.97% 0.0753 40.22) 32.3%, oklch(84.08% 0.0765 37.40) 35.5%, oklch(83.18% 0.0773 34.16) 38.7%, oklch(82.27% 0.0779 30.51) 41.9%, oklch(81.34% 0.0785 26.46) 45.2%, oklch(80.40% 0.0794 22.01) 48.4%, oklch(79.45% 0.0805 17.17) 51.6%, oklch(78.55% 0.0816 11.94) 54.8%, oklch(77.69% 0.0826 6.31) 58.1%, oklch(76.82% 0.0837 0.28) 61.3%, oklch(75.89% 0.0847 353.83) 64.5%, oklch(74.87% 0.0860 346.97) 67.7%, oklch(73.73% 0.0874 339.69) 71.0%, oklch(72.41% 0.0891 331.97) 74.2%, oklch(70.82% 0.0912 323.39) 77.4%, oklch(68.85% 0.0939 313.26) 80.6%, oklch(66.65% 0.0969 302.17) 83.9%, oklch(64.36% 0.1001 290.77) 87.1%, oklch(62.12% 0.1032 279.69) 90.3%, oklch(60.06% 0.1061 269.60) 93.5%, oklch(58.34% 0.1085 261.13) 96.8%, oklch(57.09% 0.1102 254.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.03 | 45 |
| 2 | 0.87 | 0.07 | 45 |
| 3 | 0.799 | 0.08 | 19.6 |
| 4 | 0.72 | 0.09 | -30 |
| 5 | 0.571 | 0.11 | -105.1 |

## In these collections

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

## Other forms

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