# Orange, magenta and deep teal tetradic palette

The Orange, magenta and deep teal tetradic palette brings together orange, red, purple, blue, and teal. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is orange.

- Also called: Peach, red, purple and teal linear gradient
- Seed: `kYzVUxULm7kU4PK7q7nNyQ5zWUNo`
- Page: https://grabient.com/kYzVUxULm7kU4PK7q7nNyQ5zWUNo?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: light to dark, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.3 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 | `#f1b268` | `oklch(80.71% 0.1171 68.91)` | Barrel | black, 11.2 to 1 |
| 2 | `#f0a961` | `oklch(78.81% 0.1219 64.94)` | Lion of Menecrates | black, 10.5 to 1 |
| 3 | `#ed9c57` | `oklch(76.11% 0.1290 59.38)` | Autumn Orange | black, 9.5 to 1 |
| 4 | `#ea8d4e` | `oklch(72.94% 0.1372 52.82)` | Acapulco Sun | black, 8.4 to 1 |
| 5 | `#e57d49` | `oklch(69.63% 0.1455 45.84)` | Solar Flare | black, 7.3 to 1 |
| 6 | `#e06e47` | `oklch(66.48% 0.1527 39.04)` | Dusty Orange | black, 6.4 to 1 |
| 7 | `#da6148` | `oklch(63.83% 0.1578 32.99)` | Pimento | black, 5.7 to 1 |
| 8 | `#d5584c` | `oklch(61.80% 0.1604 28.09)` | Valencia | black, 5.3 to 1 |
| 9 | `#cf514f` | `oklch(60.11% 0.1615 23.97)` | Ginger Flower | black, 4.9 to 1 |
| 10 | `#ca4b52` | `oklch(58.65% 0.1614 20.23)` | English Vermillion | black, 4.6 to 1 |
| 11 | `#c44756` | `oklch(57.34% 0.1602 16.41)` | English Coral | white, 4.7 to 1 |
| 12 | `#bf435b` | `oklch(56.11% 0.1582 12.11)` | Saffron Desires | white, 5 to 1 |
| 13 | `#b84162` | `oklch(54.85% 0.1555 6.88)` | Mauve It | white, 5.3 to 1 |
| 14 | `#b03e69` | `oklch(53.53% 0.1521 0.39)` | Cactus Flower | white, 5.6 to 1 |
| 15 | `#a63e71` | `oklch(52.19% 0.1473 352.81)` | Maximum Red Purple | white, 5.9 to 1 |
| 16 | `#9b3e79` | `oklch(50.88% 0.1413 344.45)` | Purple Wine | white, 6.2 to 1 |
| 17 | `#8f3f7f` | `oklch(49.63% 0.1349 335.62)` | Plum Pie | white, 6.5 to 1 |
| 18 | `#834185` | `oklch(48.46% 0.1285 326.63)` | Violet Webcap | white, 6.8 to 1 |
| 19 | `#784288` | `oklch(47.41% 0.1228 317.78)` | Nightly Violet | white, 7.1 to 1 |
| 20 | `#6d448b` | `oklch(46.51% 0.1182 309.38)` | Lords of the Night | white, 7.3 to 1 |
| 21 | `#63458c` | `oklch(45.74% 0.1147 301.51)` | Lords of the Night | white, 7.5 to 1 |
| 22 | `#5a478d` | `oklch(45.08% 0.1120 293.88)` | Gigas | white, 7.7 to 1 |
| 23 | `#50498d` | `oklch(44.53% 0.1094 286.13)` | Moonlight Sonata | white, 7.8 to 1 |
| 24 | `#464b8c` | `oklch(44.05% 0.1065 277.92)` | Merlin’s Robe | white, 7.9 to 1 |
| 25 | `#3a4d8a` | `oklch(43.62% 0.1029 268.91)` | Jazzy Blue | white, 8 to 1 |
| 26 | `#2d5086` | `oklch(43.23% 0.0981 258.70)` | Assassin | white, 8 to 1 |
| 27 | `#1c537e` | `oklch(42.91% 0.0915 246.07)` | Blueberry Twist | white, 8 to 1 |
| 28 | `#085674` | `oklch(42.67% 0.0835 231.57)` | Tardis | white, 8 to 1 |
| 29 | `#025869` | `oklch(42.48% 0.0750 216.53)` | Oceanside | white, 8 to 1 |
| 30 | `#10595e` | `oklch(42.34% 0.0669 202.30)` | Blue Emerald | white, 8 to 1 |
| 31 | `#1d5855` | `oklch(42.22% 0.0600 190.21)` | Forest Biome | white, 8.1 to 1 |
| 32 | `#26574f` | `oklch(42.13% 0.0551 181.63)` | Forest Biome | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(225deg, #f1b268 0.0%, #f0a961 3.2%, #ed9c57 6.5%, #ea8d4e 9.7%, #e57d49 12.9%, #e06e47 16.1%, #da6148 19.4%, #d5584c 22.6%, #cf514f 25.8%, #ca4b52 29.0%, #c44756 32.3%, #bf435b 35.5%, #b84162 38.7%, #b03e69 41.9%, #a63e71 45.2%, #9b3e79 48.4%, #8f3f7f 51.6%, #834185 54.8%, #784288 58.1%, #6d448b 61.3%, #63458c 64.5%, #5a478d 67.7%, #50498d 71.0%, #464b8c 74.2%, #3a4d8a 77.4%, #2d5086 80.6%, #1c537e 83.9%, #085674 87.1%, #025869 90.3%, #10595e 93.5%, #1d5855 96.8%, #26574f 100.0%);
background: linear-gradient(225deg in oklch, oklch(80.71% 0.1171 68.91) 0.0%, oklch(78.81% 0.1219 64.94) 3.2%, oklch(76.11% 0.1290 59.38) 6.5%, oklch(72.94% 0.1372 52.82) 9.7%, oklch(69.63% 0.1455 45.84) 12.9%, oklch(66.48% 0.1527 39.04) 16.1%, oklch(63.83% 0.1578 32.99) 19.4%, oklch(61.80% 0.1604 28.09) 22.6%, oklch(60.11% 0.1615 23.97) 25.8%, oklch(58.65% 0.1614 20.23) 29.0%, oklch(57.34% 0.1602 16.41) 32.3%, oklch(56.11% 0.1582 12.11) 35.5%, oklch(54.85% 0.1555 6.88) 38.7%, oklch(53.53% 0.1521 0.39) 41.9%, oklch(52.19% 0.1473 352.81) 45.2%, oklch(50.88% 0.1413 344.45) 48.4%, oklch(49.63% 0.1349 335.62) 51.6%, oklch(48.46% 0.1285 326.63) 54.8%, oklch(47.41% 0.1228 317.78) 58.1%, oklch(46.51% 0.1182 309.38) 61.3%, oklch(45.74% 0.1147 301.51) 64.5%, oklch(45.08% 0.1120 293.88) 67.7%, oklch(44.53% 0.1094 286.13) 71.0%, oklch(44.05% 0.1065 277.92) 74.2%, oklch(43.62% 0.1029 268.91) 77.4%, oklch(43.23% 0.0981 258.70) 80.6%, oklch(42.91% 0.0915 246.07) 83.9%, oklch(42.67% 0.0835 231.57) 87.1%, oklch(42.48% 0.0750 216.53) 90.3%, oklch(42.34% 0.0669 202.30) 93.5%, oklch(42.22% 0.0600 190.21) 96.8%, oklch(42.13% 0.0551 181.63) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.117 | 68.9 |
| 2 | 0.634 | 0.158 | 31.9 |
| 3 | 0.543 | 0.154 | 4.4 |
| 4 | 0.469 | 0.12 | -47.3 |
| 5 | 0.433 | 0.099 | -99.1 |
| 6 | 0.421 | 0.055 | -178.4 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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