# Turquoise, coral and pale blush color palette

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

- Also called: Blue, yellow, pink and white linear swatches
- Seed: `kUt3SpcTMveM2sz7BL_g`
- Page: https://grabient.com/kUt3SpcTMveM2sz7BL_g?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: pastel, light
- Hues: triadic
- 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 | `#00b1fb` | `oklch(72.05% 0.1589 237.66)` | Democrat | black, 8.6 to 1 |
| 2 | `#f3db64` | `oklch(88.98% 0.1406 98.17)` | Dilly Dally | black, 15.1 to 1 |
| 3 | `#fe8cc4` | `oklch(77.95% 0.1502 350.38)` | Cochonnet | black, 9.7 to 1 |
| 4 | `#fcf1f6` | `oklch(96.85% 0.0124 350.38)` | Lavender Blush | black, 19 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00b1fb 0.000% 25.000%, #f3db64 25.000% 50.000%, #fe8cc4 50.000% 75.000%, #fcf1f6 75.000% 100.000%);
background: linear-gradient(90deg, oklch(72.05% 0.1589 237.66) 0.000% 25.000%, oklch(88.98% 0.1406 98.17) 25.000% 50.000%, oklch(77.95% 0.1502 350.38) 50.000% 75.000%, oklch(96.85% 0.0124 350.38) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.16 | 237.7 |
| 2 | 0.89 | 0.141 | 98.2 |
| 3 | 0.78 | 0.15 | -9.6 |
| 4 | 0.969 | 0.012 | -9.6 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)
- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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