# Peach sage midnight teal

A pale peach glow melts into sage, then deep teal and finally a midnight navy. The slide from light to dark water feels like dusk over a pond. Suits apothecary themes, night scenes and calm dark interfaces.

- Also called: Tritone pink, teal and navy linear gradient
- Seed: `kY7TwjUh5KT2eROsnkPnZ5DQ-eQu`
- Page: https://grabient.com/kY7TwjUh5KT2eROsnkPnZ5DQ-eQu?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 16.6 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 | `#ffe2d3` | `oklch(93.31% 0.0377 49.23)` | Powdered Peach | black, 17 to 1 |
| 2 | `#ffd5b6` | `oklch(90.16% 0.0628 58.89)` | Curtsy | black, 15.4 to 1 |
| 3 | `#f2c894` | `oklch(85.72% 0.0827 72.62)` | Mellow Moment | black, 13.4 to 1 |
| 4 | `#d5bd81` | `oklch(80.49% 0.0827 88.75)` | Honeymoon | black, 11.4 to 1 |
| 5 | `#b5b173` | `oklch(75.00% 0.0827 105.60)` | Leek Powder | black, 9.5 to 1 |
| 6 | `#95a66b` | `oklch(69.77% 0.0827 121.49)` | Green Plaza | black, 7.9 to 1 |
| 7 | `#7b9c68` | `oklch(65.32% 0.0827 134.74)` | Blackthorn Green | black, 6.7 to 1 |
| 8 | `#669366` | `oklch(61.85% 0.0827 144.67)` | Arizona Tree Frog | black, 5.9 to 1 |
| 9 | `#558b65` | `oklch(58.88% 0.0827 152.78)` | Spring Garden | black, 5.2 to 1 |
| 10 | `#468464` | `oklch(56.27% 0.0827 159.58)` | Leisure Green | black, 4.7 to 1 |
| 11 | `#387e63` | `oklch(53.89% 0.0827 165.54)` | Trans Tasman | white, 4.8 to 1 |
| 12 | `#2b7762` | `oklch(51.63% 0.0827 171.12)` | Majorelle Gardens | white, 5.3 to 1 |
| 13 | `#1b7160` | `oklch(49.36% 0.0827 176.80)` | Falcon Turquoise | white, 5.8 to 1 |
| 14 | `#046a5f` | `oklch(47.01% 0.0827 182.83)` | Evergreen Forest | white, 6.5 to 1 |
| 15 | `#00625d` | `oklch(44.74% 0.0776 188.65)` | Emerald Stone | white, 7.2 to 1 |
| 16 | `#005b5a` | `oklch(42.54% 0.0727 194.25)` | Dark Turquoise | white, 7.9 to 1 |
| 17 | `#005457` | `oklch(40.41% 0.0687 199.65)` | Ice Dark Turquoise | white, 8.7 to 1 |
| 18 | `#004d54` | `oklch(38.32% 0.0654 204.89)` | Transporter Green | white, 9.6 to 1 |
| 19 | `#004650` | `oklch(36.27% 0.0627 210.02)` | Midnight Green | white, 10.4 to 1 |
| 20 | `#00404c` | `oklch(34.24% 0.0605 215.06)` | Cold and Dark | white, 11.4 to 1 |
| 21 | `#003a48` | `oklch(32.26% 0.0587 219.95)` | Natural Indigo | white, 12.3 to 1 |
| 22 | `#003444` | `oklch(30.33% 0.0573 224.69)` | Nordic Noir | white, 13.2 to 1 |
| 23 | `#002f40` | `oklch(28.43% 0.0562 229.30)` | Nordic Noir | white, 14.2 to 1 |
| 24 | `#00293c` | `oklch(26.57% 0.0555 233.82)` | Murky Depths | white, 15.1 to 1 |
| 25 | `#002438` | `oklch(24.72% 0.0550 238.27)` | Celestial Canvas | white, 16 to 1 |
| 26 | `#001f34` | `oklch(22.87% 0.0550 242.69)` | Cyanophobia | white, 16.8 to 1 |
| 27 | `#001930` | `oklch(20.90% 0.0554 247.38)` | Oxford by Night | white, 17.7 to 1 |
| 28 | `#00142c` | `oklch(18.84% 0.0568 252.26)` | Squid’s Ink | white, 18.5 to 1 |
| 29 | `#000e28` | `oklch(16.81% 0.0598 257.04)` | Void | white, 19.2 to 1 |
| 30 | `#000826` | `oklch(14.96% 0.0665 261.44)` | Mysterious Depths | white, 19.7 to 1 |
| 31 | `#000229` | `oklch(13.35% 0.0827 264.29)` | Illicit Darkness | white, 20.2 to 1 |
| 32 | `#010026` | `oklch(12.24% 0.0825 266.91)` | Hadopelagic Water | white, 20.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffe2d3 0.0%, #ffd5b6 3.2%, #f2c894 6.5%, #d5bd81 9.7%, #b5b173 12.9%, #95a66b 16.1%, #7b9c68 19.4%, #669366 22.6%, #558b65 25.8%, #468464 29.0%, #387e63 32.3%, #2b7762 35.5%, #1b7160 38.7%, #046a5f 41.9%, #00625d 45.2%, #005b5a 48.4%, #005457 51.6%, #004d54 54.8%, #004650 58.1%, #00404c 61.3%, #003a48 64.5%, #003444 67.7%, #002f40 71.0%, #00293c 74.2%, #002438 77.4%, #001f34 80.6%, #001930 83.9%, #00142c 87.1%, #000e28 90.3%, #000826 93.5%, #000229 96.8%, #010026 100.0%);
background: linear-gradient(180deg in oklch, oklch(93.31% 0.0377 49.23) 0.0%, oklch(90.16% 0.0628 58.89) 3.2%, oklch(85.72% 0.0827 72.62) 6.5%, oklch(80.49% 0.0827 88.75) 9.7%, oklch(75.00% 0.0827 105.60) 12.9%, oklch(69.77% 0.0827 121.49) 16.1%, oklch(65.32% 0.0827 134.74) 19.4%, oklch(61.85% 0.0827 144.67) 22.6%, oklch(58.88% 0.0827 152.78) 25.8%, oklch(56.27% 0.0827 159.58) 29.0%, oklch(53.89% 0.0827 165.54) 32.3%, oklch(51.63% 0.0827 171.12) 35.5%, oklch(49.36% 0.0827 176.80) 38.7%, oklch(47.01% 0.0827 182.83) 41.9%, oklch(44.74% 0.0776 188.65) 45.2%, oklch(42.54% 0.0727 194.25) 48.4%, oklch(40.41% 0.0687 199.65) 51.6%, oklch(38.32% 0.0654 204.89) 54.8%, oklch(36.27% 0.0627 210.02) 58.1%, oklch(34.24% 0.0605 215.06) 61.3%, oklch(32.26% 0.0587 219.95) 64.5%, oklch(30.33% 0.0573 224.69) 67.7%, oklch(28.43% 0.0562 229.30) 71.0%, oklch(26.57% 0.0555 233.82) 74.2%, oklch(24.72% 0.0550 238.27) 77.4%, oklch(22.87% 0.0550 242.69) 80.6%, oklch(20.90% 0.0554 247.38) 83.9%, oklch(18.84% 0.0568 252.26) 87.1%, oklch(16.81% 0.0598 257.04) 90.3%, oklch(14.96% 0.0665 261.44) 93.5%, oklch(13.35% 0.0827 264.29) 96.8%, oklch(12.24% 0.0825 266.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.083 | 49.2 |
| 2 | 0.646 | 0.083 | 136.9 |
| 3 | 0.484 | 0.083 | 179.2 |
| 4 | 0.35 | 0.083 | 213 |
| 5 | 0.232 | 0.083 | 241.5 |
| 6 | 0.122 | 0.083 | 266.9 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)
- [Alpine copper kitchen](https://grabient.com/alpine-copper-kitchen)
- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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