# Terracotta and navy pantone fall 2026

The Terracotta and navy pantone fall 2026 brings together light orange, red, green, magenta, and dark blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark blue, and its lightest tone is light orange.

- Also called: Rainbow from tan to navy linear swatches
- Seed: `kWtyQuSau8civT1JyNQJi82Y`
- Page: https://grabient.com/kWtyQuSau8civT1JyNQJi82Y?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.5 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 | `#bb9f85` | `oklch(72.05% 0.0496 64.69)` | Cup of Cocoa | black, 8.4 to 1 |
| 2 | `#b55d47` | `oklch(57.87% 0.1199 35.10)` | Ginger Spice | black, 4.6 to 1 |
| 3 | `#008d66` | `oklch(57.09% 0.1199 165.07)` | Kabalite Green | black, 5 to 1 |
| 4 | `#bc3da7` | `oklch(57.87% 0.1998 335.22)` | Ultraviolet Nusp | white, 4.8 to 1 |
| 5 | `#002c5d` | `oklch(29.93% 0.0986 255.01)` | Marine | white, 13.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #bb9f85 0.000% 20.000%, #b55d47 20.000% 40.000%, #008d66 40.000% 60.000%, #bc3da7 60.000% 80.000%, #002c5d 80.000% 100.000%);
background: linear-gradient(90deg, oklch(72.05% 0.0496 64.69) 0.000% 20.000%, oklch(57.87% 0.1199 35.10) 20.000% 40.000%, oklch(57.09% 0.1199 165.07) 40.000% 60.000%, oklch(57.87% 0.1998 335.22) 60.000% 80.000%, oklch(29.93% 0.0986 255.01) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.72 | 0.05 | 64.7 |
| 2 | 0.579 | 0.12 | 35.1 |
| 3 | 0.571 | 0.13 | 165.1 |
| 4 | 0.579 | 0.2 | 335.2 |
| 5 | 0.299 | 0.13 | 254.9 |

## In these collections

- [Pantone fall 2026 swatches](https://grabient.com/pantone-fall-2026-swatches)

## Other forms

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