# Primary Colors: Blush and gold

The "Primary Colors: Blush and gold" palette brings together light red, light yellow, and light 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 light blue, and its lightest tone is light yellow.

- Also called: Pastel pink, beige and blue linear swatches
- Seed: `kS3ToK9iDJ-wdUQ`
- Page: https://grabient.com/kS3ToK9iDJ-wdUQ?style=linearSwatches&steps=3&angle=180
- Drawn as: linear swatches, 3 steps, 180 degrees
- Kinds: even lightness, pastel, light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#ffc2c6` | `oklch(87.01% 0.0701 14.76)` | Pink and Sleek | black, 13.7 to 1 |
| 2 | `#f6e9a3` | `oklch(92.91% 0.0896 99.31)` | Majestic Treasures | black, 17.1 to 1 |
| 3 | `#a1d4ff` | `oklch(85.04% 0.0799 244.08)` | Malmö FF | black, 13.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffc2c6 0.000% 33.333%, #f6e9a3 33.333% 66.667%, #a1d4ff 66.667% 100.000%);
background: linear-gradient(180deg, oklch(87.01% 0.0701 14.76) 0.000% 33.333%, oklch(92.91% 0.0896 99.31) 33.333% 66.667%, oklch(85.04% 0.0799 244.08) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.87 | 0.08 | 14.8 |
| 2 | 0.929 | 0.09 | 99.3 |
| 3 | 0.85 | 0.08 | 244.1 |

## In these collections

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

## Other forms

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