# Crimson and sage color trends 2026

The Crimson and sage color trends 2026 brings together red, dark purple, pale teal, gold, and green. 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 dark purple, and its lightest tone is pale teal.

- Also called: Orange, light blue, yellow and green angular swatches
- Seed: `kWsoobISS2vYOs5tPbLzqDFY`
- Page: https://grabient.com/kWsoobISS2vYOs5tPbLzqDFY?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 13.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 | `#fd6a3a` | `oklch(70.08% 0.1902 37.97)` | Smashed Pumpkin | black, 7.3 to 1 |
| 2 | `#380d41` | `oklch(25.98% 0.1006 319.77)` | Purple Door | white, 16.1 to 1 |
| 3 | `#cbeff8` | `oklch(92.91% 0.0400 215.15)` | Blue Hijab | black, 17.2 to 1 |
| 4 | `#e1d633` | `oklch(85.83% 0.1695 105.25)` | Banana Brick | black, 13.8 to 1 |
| 5 | `#5a956a` | `oklch(61.81% 0.0896 151.75)` | Endless | black, 5.9 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #fd6a3a 0.000% 20.000%, #380d41 20.000% 40.000%, #cbeff8 40.000% 60.000%, #e1d633 60.000% 80.000%, #5a956a 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(70.08% 0.1902 37.97) 0.000% 20.000%, oklch(25.98% 0.1006 319.77) 20.000% 40.000%, oklch(92.91% 0.0400 215.15) 40.000% 60.000%, oklch(85.83% 0.1695 105.25) 60.000% 80.000%, oklch(61.81% 0.0896 151.75) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.701 | 0.19 | 38 |
| 2 | 0.26 | 0.101 | -40.2 |
| 3 | 0.929 | 0.04 | -144.8 |
| 4 | 0.858 | 0.169 | -254.8 |
| 5 | 0.618 | 0.09 | -208.3 |

## In these collections

- [Color trends 2026 swatches](https://grabient.com/color-trends-2026-swatches)

## Other forms

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