# Gold, coral and pale blue color palette

The Gold, coral and pale blue color palette brings together yellow, orange, red, teal, and off-white. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is off-white.

- Also called: Yellow, pink, light blue and white linear swatches
- Seed: `kW73BJaLG71w-OdpLq1_Qi9I`
- Page: https://grabient.com/kW73BJaLG71w-OdpLq1_Qi9I?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: vivid, light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.5 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 | `#ffef6a` | `oklch(94.09% 0.1531 102.66)` | Caduceus Gold | black, 17.8 to 1 |
| 2 | `#ffb35b` | `oklch(82.28% 0.1362 67.79)` | Cantaloupe Smile | black, 11.8 to 1 |
| 3 | `#fe7281` | `oklch(72.44% 0.1709 16.00)` | Salmon Rose | black, 7.9 to 1 |
| 4 | `#4ed9ff` | `oklch(82.68% 0.1279 219.60)` | Berta Blue | black, 12.7 to 1 |
| 5 | `#e9ffff` | `oklch(98.42% 0.0225 196.39)` | Bubbles | black, 20.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffef6a 0.000% 20.000%, #ffb35b 20.000% 40.000%, #fe7281 40.000% 60.000%, #4ed9ff 60.000% 80.000%, #e9ffff 80.000% 100.000%);
background: linear-gradient(180deg, oklch(94.09% 0.1531 102.66) 0.000% 20.000%, oklch(82.28% 0.1362 67.79) 20.000% 40.000%, oklch(72.44% 0.1709 16.00) 40.000% 60.000%, oklch(82.68% 0.1279 219.60) 60.000% 80.000%, oklch(98.42% 0.0225 196.39) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.154 | 102.7 |
| 2 | 0.823 | 0.136 | 67.8 |
| 3 | 0.724 | 0.171 | 16 |
| 4 | 0.827 | 0.128 | -140.4 |
| 5 | 0.984 | 0.023 | -163.6 |

## In these collections

- [Primary color swatches](https://grabient.com/primary-color-swatches)
- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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