# Crimson, cream and near-black coastal palette

The Crimson, cream and near-black coastal palette brings together red, light red, off-white, gray, and dark gray. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Pink, light pink, gray and black angular swatches
- Seed: `kWrT4OaZJBXeEwO9Br7GYS_Q`
- Page: https://grabient.com/kWrT4OaZJBXeEwO9Br7GYS_Q?style=angularSwatches&steps=5&angle=120
- Drawn as: angular swatches, 5 steps, 120 degrees
- Kinds: light center, pastel, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 15.1 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 | `#c88383` | `oklch(68.11% 0.0854 19.69)` | Prancer | black, 7 to 1 |
| 2 | `#e6bcb4` | `oklch(83.07% 0.0496 31.31)` | Rose Fog | black, 12.2 to 1 |
| 3 | `#f3e9e5` | `oklch(94.09% 0.0124 39.77)` | Sauvignon | black, 17.6 to 1 |
| 4 | `#675a58` | `oklch(48.03% 0.0179 30.26)` | Wood Acres | white, 6.5 to 1 |
| 5 | `#1c1413` | `oklch(20.08% 0.0124 24.97)` | Kokushoku Black | white, 18.1 to 1 |

## CSS

```css
background: conic-gradient(from 120deg, #c88383 0.000% 20.000%, #e6bcb4 20.000% 40.000%, #f3e9e5 40.000% 60.000%, #675a58 60.000% 80.000%, #1c1413 80.000% 100.000%);
background: conic-gradient(from 120deg, oklch(68.11% 0.0854 19.69) 0.000% 20.000%, oklch(83.07% 0.0496 31.31) 20.000% 40.000%, oklch(94.09% 0.0124 39.77) 40.000% 60.000%, oklch(48.03% 0.0179 30.26) 60.000% 80.000%, oklch(20.08% 0.0124 24.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.085 | 19.7 |
| 2 | 0.831 | 0.05 | 31.3 |
| 3 | 0.941 | 0.012 | 39.8 |
| 4 | 0.48 | 0.018 | 30.3 |
| 5 | 0.201 | 0.012 | 25 |

## In these collections

- [Coastal swatches](https://grabient.com/coastal-swatches)

## Other forms

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