# Deep teal and orange color trends 2026

The Deep teal and orange color trends 2026 brings together green, gold, dark magenta, pale blue, and orange. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is pale blue.

- Also called: Rainbow from green to orange linear swatches
- Seed: `kWkVB350i4Jwkr74jrR18xU4`
- Page: https://grabient.com/kWkVB350i4Jwkr74jrR18xU4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 15.4 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 | `#168c6b` | `oklch(57.09% 0.1102 168.05)` | Festive Green | black, 4.9 to 1 |
| 2 | `#d7c400` | `oklch(81.10% 0.1702 102.53)` | Barberry Bush | black, 11.7 to 1 |
| 3 | `#300133` | `oklch(22.05% 0.1006 325.15)` | Exquisite Eggplant | white, 17.8 to 1 |
| 4 | `#d9f3ff` | `oklch(94.88% 0.0315 227.91)` | Wizard White | black, 18.2 to 1 |
| 5 | `#f86900` | `oklch(68.90% 0.1955 45.45)` | Blaze Orange | black, 7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #168c6b 0.000% 20.000%, #d7c400 20.000% 40.000%, #300133 40.000% 60.000%, #d9f3ff 60.000% 80.000%, #f86900 80.000% 100.000%);
background: linear-gradient(90deg, oklch(57.09% 0.1102 168.05) 0.000% 20.000%, oklch(81.10% 0.1702 102.53) 20.000% 40.000%, oklch(22.05% 0.1006 325.15) 40.000% 60.000%, oklch(94.88% 0.0315 227.91) 60.000% 80.000%, oklch(68.90% 0.1955 45.45) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.11 | 168 |
| 2 | 0.811 | 0.2 | 102.5 |
| 3 | 0.22 | 0.101 | -34.8 |
| 4 | 0.949 | 0.04 | -132.1 |
| 5 | 0.689 | 0.209 | 45.5 |

## In these collections

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

## Other forms

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