# Coral Orange Sand Beige Deep Ocean Blue

These concentric swatch rings move through coral orange, sand beige, deep ocean blue, pale gold, and coastal blue in its saved order. The complete composition keeps the lighter and darker areas distinct while preserving a balanced route through the named palette.

- Also called: Pastel tritone peach, tan and blue radial swatches
- Seed: `kWt2AhaBvEzaW0LxHC6WBhQA`
- Page: https://grabient.com/kWt2AhaBvEzaW0LxHC6WBhQA?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark center, pastel, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#e88859` | `oklch(72.05% 0.1323 46.41)` | Indiana Clay | black, 8.1 to 1 |
| 2 | `#d9c18b` | `oklch(81.89% 0.0758 87.62)` | Honey Tea | black, 11.9 to 1 |
| 3 | `#26566b` | `oklch(42.91% 0.0620 229.22)` | Newport Grey | white, 8 to 1 |
| 4 | `#f4d7a0` | `oklch(88.98% 0.0772 82.34)` | Splash | black, 15 to 1 |
| 5 | `#6ca7b8` | `oklch(69.29% 0.0661 218.66)` | Blue Chiffon | black, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e88859 0.000% 20.000%, #d9c18b 20.000% 40.000%, #26566b 40.000% 60.000%, #f4d7a0 60.000% 80.000%, #6ca7b8 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(72.05% 0.1323 46.41) 0.000% 20.000%, oklch(81.89% 0.0758 87.62) 20.000% 40.000%, oklch(42.91% 0.0620 229.22) 40.000% 60.000%, oklch(88.98% 0.0772 82.34) 60.000% 80.000%, oklch(69.29% 0.0661 218.66) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.132 | 46.4 |
| 2 | 0.819 | 0.076 | 87.6 |
| 3 | 0.429 | 0.062 | 229.2 |
| 4 | 0.89 | 0.077 | 82.3 |
| 5 | 0.693 | 0.066 | 218.7 |

## In these collections

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

## Other forms

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