# Midnight teal peach gradient

The Midnight teal peach gradient brings together dark blue, blue, gold, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Black, navy, green and orange linear gradient
- Seed: `kUNRW9MpU8-ozLZcuTqg`
- Page: https://grabient.com/kUNRW9MpU8-ozLZcuTqg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.9 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 | `#121825` | `oklch(20.87% 0.0289 265.78)` | River Styx | white, 17.7 to 1 |
| 2 | `#131a28` | `oklch(21.84% 0.0304 264.88)` | Coarse Wool | white, 17.4 to 1 |
| 3 | `#151d2c` | `oklch(22.96% 0.0319 264.43)` | Hēi Sè Black | white, 16.9 to 1 |
| 4 | `#182030` | `oklch(24.23% 0.0336 264.16)` | Hēi Sè Black | white, 16.3 to 1 |
| 5 | `#1a2335` | `oklch(25.67% 0.0356 263.78)` | Kon | white, 15.7 to 1 |
| 6 | `#1d273a` | `oklch(27.29% 0.0378 263.00)` | Midnight Express | white, 14.9 to 1 |
| 7 | `#202c40` | `oklch(29.12% 0.0405 261.54)` | Spinel Stone Black | white, 14 to 1 |
| 8 | `#233147` | `oklch(31.17% 0.0435 259.11)` | Crow Black | white, 13 to 1 |
| 9 | `#26374f` | `oklch(33.45% 0.0471 255.44)` | Cool Air of Debonair | white, 12 to 1 |
| 10 | `#283f57` | `oklch(35.97% 0.0513 250.24)` | Blue Shade Wash | white, 10.8 to 1 |
| 11 | `#284860` | `oklch(38.77% 0.0561 243.21)` | Dark Slate Blue | white, 9.6 to 1 |
| 12 | `#27536a` | `oklch(41.99% 0.0618 233.85)` | Shimmering Sea | white, 8.3 to 1 |
| 13 | `#236173` | `oklch(46.00% 0.0689 221.53)` | Holiday Velvet | white, 6.9 to 1 |
| 14 | `#1f717b` | `oklch(50.62% 0.0770 206.82)` | Night Scape | white, 5.6 to 1 |
| 15 | `#23837f` | `oklch(55.65% 0.0859 190.39)` | Bayou | black, 4.6 to 1 |
| 16 | `#38957d` | `oklch(60.85% 0.0953 172.89)` | Illuminating Emerald | black, 5.7 to 1 |
| 17 | `#59a576` | `oklch(66.03% 0.1047 154.97)` | Aqua Forest | black, 7 to 1 |
| 18 | `#7eb26a` | `oklch(70.96% 0.1139 137.28)` | Soon to Be Hay | black, 8.4 to 1 |
| 19 | `#a5bb5d` | `oklch(75.43% 0.1226 120.50)` | Chinese Money Plant | black, 9.8 to 1 |
| 20 | `#c7c053` | `oklch(79.23% 0.1304 105.26)` | Sulphur Yellow | black, 11 to 1 |
| 21 | `#e4c14f` | `oklch(82.13% 0.1370 92.22)` | Indian Maize | black, 12 to 1 |
| 22 | `#f8c050` | `oklch(83.94% 0.1421 81.95)` | Saffron Mango | black, 12.6 to 1 |
| 23 | `#ffbf67` | `oklch(84.67% 0.1285 73.60)` | Sea Buckthorn | black, 12.9 to 1 |
| 24 | `#ffbd78` | `oklch(84.53% 0.1149 66.67)` | Nouveau-Riche | black, 12.8 to 1 |
| 25 | `#ffb87c` | `oklch(83.68% 0.1125 60.99)` | Go Go Mango | black, 12.4 to 1 |
| 26 | `#ffb178` | `oklch(82.30% 0.1168 56.36)` | Obtrusive Orange | black, 11.8 to 1 |
| 27 | `#ffa870` | `oklch(80.57% 0.1253 52.61)` | Salmon Buff | black, 11 to 1 |
| 28 | `#ff9e66` | `oklch(78.67% 0.1364 49.55)` | Fresh Cantaloupe | black, 10.3 to 1 |
| 29 | `#ff935b` | `oklch(76.77% 0.1484 47.02)` | Rainbow Trout | black, 9.5 to 1 |
| 30 | `#fd8a54` | `oklch(75.04% 0.1559 44.81)` | Mango Orange | black, 8.9 to 1 |
| 31 | `#fa8553` | `oklch(73.67% 0.1564 42.77)` | Poached Rainbow Trout | black, 8.5 to 1 |
| 32 | `#f88154` | `oklch(72.83% 0.1571 40.69)` | Bonfire | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #121825 0.0%, #131a28 3.2%, #151d2c 6.5%, #182030 9.7%, #1a2335 12.9%, #1d273a 16.1%, #202c40 19.4%, #233147 22.6%, #26374f 25.8%, #283f57 29.0%, #284860 32.3%, #27536a 35.5%, #236173 38.7%, #1f717b 41.9%, #23837f 45.2%, #38957d 48.4%, #59a576 51.6%, #7eb26a 54.8%, #a5bb5d 58.1%, #c7c053 61.3%, #e4c14f 64.5%, #f8c050 67.7%, #ffbf67 71.0%, #ffbd78 74.2%, #ffb87c 77.4%, #ffb178 80.6%, #ffa870 83.9%, #ff9e66 87.1%, #ff935b 90.3%, #fd8a54 93.5%, #fa8553 96.8%, #f88154 100.0%);
background: linear-gradient(90deg in oklch, oklch(20.87% 0.0289 265.78) 0.0%, oklch(21.84% 0.0304 264.88) 3.2%, oklch(22.96% 0.0319 264.43) 6.5%, oklch(24.23% 0.0336 264.16) 9.7%, oklch(25.67% 0.0356 263.78) 12.9%, oklch(27.29% 0.0378 263.00) 16.1%, oklch(29.12% 0.0405 261.54) 19.4%, oklch(31.17% 0.0435 259.11) 22.6%, oklch(33.45% 0.0471 255.44) 25.8%, oklch(35.97% 0.0513 250.24) 29.0%, oklch(38.77% 0.0561 243.21) 32.3%, oklch(41.99% 0.0618 233.85) 35.5%, oklch(46.00% 0.0689 221.53) 38.7%, oklch(50.62% 0.0770 206.82) 41.9%, oklch(55.65% 0.0859 190.39) 45.2%, oklch(60.85% 0.0953 172.89) 48.4%, oklch(66.03% 0.1047 154.97) 51.6%, oklch(70.96% 0.1139 137.28) 54.8%, oklch(75.43% 0.1226 120.50) 58.1%, oklch(79.23% 0.1304 105.26) 61.3%, oklch(82.13% 0.1370 92.22) 64.5%, oklch(83.94% 0.1421 81.95) 67.7%, oklch(84.67% 0.1285 73.60) 71.0%, oklch(84.53% 0.1149 66.67) 74.2%, oklch(83.68% 0.1125 60.99) 77.4%, oklch(82.30% 0.1168 56.36) 80.6%, oklch(80.57% 0.1253 52.61) 83.9%, oklch(78.67% 0.1364 49.55) 87.1%, oklch(76.77% 0.1484 47.02) 90.3%, oklch(75.04% 0.1559 44.81) 93.5%, oklch(73.67% 0.1564 42.77) 96.8%, oklch(72.83% 0.1571 40.69) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.209 | 0.029 | 265.8 |
| 2 | 0.398 | 0.058 | 240.4 |
| 3 | 0.835 | 0.141 | 85.1 |
| 4 | 0.728 | 0.157 | 40.7 |

## In these collections

- [Funhaus](https://grabient.com/funhaus)

## Other forms

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