# Primary Colors: Crimson and ochre

The "Primary Colors: Crimson and ochre" palette brings together red, orange, light yellow, gold, green, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Salmon, tan, yellow and blue angular swatches
- Seed: `kYpXkTZyrEPCpw_sPz9V4_C7efU2`
- Page: https://grabient.com/kYpXkTZyrEPCpw_sPz9V4_C7efU2?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: analogous
- 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 | `#e35f55` | `oklch(64.96% 0.1667 26.72)` | Fiery Coral | black, 6 to 1 |
| 2 | `#f7b06e` | `oklch(81.10% 0.1171 62.65)` | Stirring Orange | black, 11.3 to 1 |
| 3 | `#efda7e` | `oklch(88.58% 0.1144 96.46)` | Sandy | black, 14.9 to 1 |
| 4 | `#f8c802` | `oklch(85.04% 0.1736 91.18)` | Toucan Gentleman | black, 13.2 to 1 |
| 5 | `#999f81` | `oklch(68.90% 0.0427 116.54)` | Fennelly | black, 7.6 to 1 |
| 6 | `#4a4b7f` | `oklch(43.70% 0.0854 281.40)` | Highlands Twilight | white, 8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #e35f55 0.000% 16.667%, #f7b06e 16.667% 33.333%, #efda7e 33.333% 50.000%, #f8c802 50.000% 66.667%, #999f81 66.667% 83.333%, #4a4b7f 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(64.96% 0.1667 26.72) 0.000% 16.667%, oklch(81.10% 0.1171 62.65) 16.667% 33.333%, oklch(88.58% 0.1144 96.46) 33.333% 50.000%, oklch(85.04% 0.1736 91.18) 50.000% 66.667%, oklch(68.90% 0.0427 116.54) 66.667% 83.333%, oklch(43.70% 0.0854 281.40) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.167 | 26.7 |
| 2 | 0.811 | 0.117 | 62.6 |
| 3 | 0.886 | 0.114 | 96.5 |
| 4 | 0.85 | 0.174 | 91.2 |
| 5 | 0.689 | 0.043 | 116.5 |
| 6 | 0.437 | 0.085 | 281.4 |

## In these collections

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

## Other forms

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