# Crimson, orange and cream light mode palette

The Crimson, orange and cream light mode palette brings together red, orange, light orange, and pale yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale yellow.

- Also called: Analogous red, orange and beige linear swatches
- Seed: `kUiG4Z2jFBfAkQv8lkRA`
- Page: https://grabient.com/kUiG4Z2jFBfAkQv8lkRA?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: dark to light, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#b44426` | `oklch(53.54% 0.1516 35.86)` | Cattail Red | white, 5.5 to 1 |
| 2 | `#d0673d` | `oklch(63.11% 0.1438 41.95)` | Koi | black, 5.6 to 1 |
| 3 | `#ec945a` | `oklch(74.45% 0.1292 52.62)` | Topaz Yellow | black, 8.9 to 1 |
| 4 | `#fdc180` | `oklch(85.20% 0.1069 67.88)` | Buttery | black, 13.1 to 1 |
| 5 | `#fee7a9` | `oklch(93.14% 0.0821 89.64)` | Elote | black, 17.1 to 1 |
| 6 | `#fafdce` | `oklch(98.03% 0.0606 110.89)` | Morrow White | black, 20 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b44426 0.000% 16.667%, #d0673d 16.667% 33.333%, #ec945a 33.333% 50.000%, #fdc180 50.000% 66.667%, #fee7a9 66.667% 83.333%, #fafdce 83.333% 100.000%);
background: linear-gradient(45deg, oklch(53.54% 0.1516 35.86) 0.000% 16.667%, oklch(63.11% 0.1438 41.95) 16.667% 33.333%, oklch(74.45% 0.1292 52.62) 33.333% 50.000%, oklch(85.20% 0.1069 67.88) 50.000% 66.667%, oklch(93.14% 0.0821 89.64) 66.667% 83.333%, oklch(98.03% 0.0606 110.89) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.535 | 0.152 | 35.9 |
| 2 | 0.709 | 0.135 | 48.5 |
| 3 | 0.882 | 0.099 | 73.9 |
| 4 | 0.98 | 0.061 | 110.9 |

## In these collections

- [Light mode color palette](https://grabient.com/light-mode-color-palette)

## Other forms

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