# Cream and crimson fire palette

The Cream and crimson fire palette brings together pale yellow, light orange, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale yellow.

- Also called: Duotone beige to red linear gradient
- Seed: `kc-zpNeqM_WwiupeubyU06-8nTP_DzcBvUdAQ`
- Page: https://grabient.com/kc-zpNeqM_WwiupeubyU06-8nTP_DzcBvUdAQ?steps=8&angle=135
- Drawn as: linear gradient, 8 steps, 135 degrees
- Kinds: light to dark, vivid, warm, multicolor
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#feffd2` | `oklch(98.82% 0.0580 108.27)` | Matt White | black, 20.4 to 1 |
| 2 | `#fff7aa` | `oklch(96.46% 0.0965 103.00)` | Banana Milk | black, 19.1 to 1 |
| 3 | `#febf90` | `oklch(85.04% 0.0951 57.56)` | Sunset Cruise | black, 13 to 1 |
| 4 | `#ff8271` | `oklch(74.41% 0.1555 29.03)` | Fusion Coral | black, 8.6 to 1 |
| 5 | `#f84354` | `oklch(65.35% 0.2163 20.57)` | Watermelon | black, 5.9 to 1 |
| 6 | `#e10c3a` | `oklch(57.87% 0.2287 20.57)` | Red Potion | white, 4.8 to 1 |
| 7 | `#cb0522` | `oklch(53.15% 0.2136 24.80)` | Fierce Red | white, 5.8 to 1 |
| 8 | `#b2010b` | `oklch(48.03% 0.1957 27.97)` | All Systems Red | white, 7.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #feffd2 0.0%, #fff7aa 14.3%, #febf90 28.6%, #ff8271 42.9%, #f84354 57.1%, #e10c3a 71.4%, #cb0522 85.7%, #b2010b 100.0%);
background: linear-gradient(135deg in oklch, oklch(98.82% 0.0580 108.27) 0.0%, oklch(96.46% 0.0965 103.00) 14.3%, oklch(85.04% 0.0951 57.56) 28.6%, oklch(74.41% 0.1555 29.03) 42.9%, oklch(65.35% 0.2163 20.57) 57.1%, oklch(57.87% 0.2287 20.57) 71.4%, oklch(53.15% 0.2136 24.80) 85.7%, oklch(48.03% 0.1957 27.97) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.08 | 108.3 |
| 2 | 0.965 | 0.096 | 103 |
| 3 | 0.85 | 0.095 | 57.6 |
| 4 | 0.744 | 0.158 | 29 |
| 5 | 0.654 | 0.216 | 20.6 |
| 6 | 0.579 | 0.229 | 20.6 |
| 7 | 0.531 | 0.214 | 24.8 |
| 8 | 0.48 | 0.196 | 28 |

## In these collections

- [Fire gradients](https://grabient.com/fire-gradients)

## Other forms

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