# Coral, stone and turquoise color palette

The Coral, stone and turquoise color palette brings together light red, pale orange, light green, and teal. 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 teal, and its lightest tone is pale orange.

- Also called: Tritone peach, beige and teal angular swatches
- Seed: `kY1DUccBZCfOOQ3flkm0h3BsadQc`
- Page: https://grabient.com/kY1DUccBZCfOOQ3flkm0h3BsadQc?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#f3b9a6` | `oklch(83.46% 0.0730 39.38)` | Sweet Sheba | black, 12.3 to 1 |
| 2 | `#f7d0b0` | `oklch(88.19% 0.0606 60.51)` | Barrett Quince | black, 14.5 to 1 |
| 3 | `#ebe1c5` | `oklch(90.94% 0.0386 90.10)` | Sailcloth | black, 16 to 1 |
| 4 | `#87bcaa` | `oklch(75.20% 0.0606 172.53)` | Peppermint Bar | black, 9.7 to 1 |
| 5 | `#4c9e96` | `oklch(64.57% 0.0813 187.32)` | Tourmaline Turquoise | black, 6.6 to 1 |
| 6 | `#2c8188` | `oklch(55.51% 0.0799 203.17)` | Cranach Blue | black, 4.5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #f3b9a6 0.000% 16.667%, #f7d0b0 16.667% 33.333%, #ebe1c5 33.333% 50.000%, #87bcaa 50.000% 66.667%, #4c9e96 66.667% 83.333%, #2c8188 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(83.46% 0.0730 39.38) 0.000% 16.667%, oklch(88.19% 0.0606 60.51) 16.667% 33.333%, oklch(90.94% 0.0386 90.10) 33.333% 50.000%, oklch(75.20% 0.0606 172.53) 50.000% 66.667%, oklch(64.57% 0.0813 187.32) 66.667% 83.333%, oklch(55.51% 0.0799 203.17) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.073 | 39.4 |
| 2 | 0.882 | 0.061 | 60.5 |
| 3 | 0.909 | 0.039 | 90.1 |
| 4 | 0.752 | 0.061 | 172.5 |
| 5 | 0.646 | 0.081 | 187.3 |
| 6 | 0.555 | 0.08 | 203.2 |

## In these collections

- [Sun bleached pool tiles](https://grabient.com/sun-bleached-pool-tiles)
- [Beach swatches](https://grabient.com/beach-swatches)
- [Coastal rockpool spring](https://grabient.com/coastal-rockpool-spring)

## Other forms

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