# Teal and sage wallpaper palette

The Teal and sage wallpaper palette brings together dark blue, pale green, and teal. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark blue, and its lightest tone is pale green.

- Also called: Analogous navy, gray and teal radial gradient
- Seed: `kWQxqicgm0ViSxq_mEJKpLBw`
- Page: https://grabient.com/kWQxqicgm0ViSxq_mEJKpLBw?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.8 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 | `#102833` | `oklch(26.38% 0.0358 227.81)` | Black Box | white, 15.2 to 1 |
| 2 | `#1d373f` | `oklch(32.06% 0.0348 218.81)` | Into the Night | white, 12.5 to 1 |
| 3 | `#334e51` | `oklch(40.30% 0.0332 205.59)` | Dark Slate Grey | white, 8.9 to 1 |
| 4 | `#4f6a67` | `oklch(50.14% 0.0312 189.78)` | Rookwood Sash Green | white, 5.8 to 1 |
| 5 | `#718880` | `oklch(60.64% 0.0292 173.01)` | Misty Moor | black, 5.5 to 1 |
| 6 | `#94a79a` | `oklch(70.86% 0.0275 156.93)` | Lotus Leaf | black, 8.2 to 1 |
| 7 | `#b4c2b3` | `oklch(79.85% 0.0262 143.15)` | Rainee | black, 11.2 to 1 |
| 8 | `#ccd7c6` | `oklch(86.66% 0.0258 133.33)` | Spring Valley | black, 14.1 to 1 |
| 9 | `#dae3d1` | `oklch(90.38% 0.0265 129.05)` | Lime Cake | black, 15.8 to 1 |
| 10 | `#dce6d3` | `oklch(91.26% 0.0283 130.33)` | Frostee | black, 16.3 to 1 |
| 11 | `#d5e3cf` | `oklch(90.02% 0.0312 135.85)` | Sweet Mint Tea | black, 15.7 to 1 |
| 12 | `#c8dbc7` | `oklch(87.22% 0.0346 144.37)` | Mystified | black, 14.4 to 1 |
| 13 | `#b6d0be` | `oklch(83.39% 0.0385 154.65)` | Pitcher | black, 12.7 to 1 |
| 14 | `#a2c4b4` | `oklch(79.07% 0.0425 165.45)` | Green Silk | black, 11 to 1 |
| 15 | `#8fb7ac` | `oklch(74.81% 0.0463 175.54)` | Treetop | black, 9.5 to 1 |
| 16 | `#7faca5` | `oklch(71.13% 0.0496 183.66)` | Green Room | black, 8.3 to 1 |
| 17 | `#74a4a0` | `oklch(68.40% 0.0523 188.95)` | Catalina | black, 7.5 to 1 |
| 18 | `#699d9b` | `oklch(65.80% 0.0550 192.88)` | Canton | black, 6.8 to 1 |
| 19 | `#5e9595` | `oklch(63.19% 0.0577 195.96)` | Loch Blue | black, 6.2 to 1 |
| 20 | `#548d8f` | `oklch(60.59% 0.0602 198.41)` | Bristol Blue | black, 5.6 to 1 |
| 21 | `#4a8689` | `oklch(58.01% 0.0624 200.44)` | Sea Caller | black, 5 to 1 |
| 22 | `#407e83` | `oklch(55.47% 0.0642 202.26)` | Enamel Antique Green | white, 4.6 to 1 |
| 23 | `#37777d` | `oklch(52.99% 0.0655 204.08)` | Diver’s Eden | white, 5.1 to 1 |
| 24 | `#2f7078` | `oklch(50.59% 0.0661 206.11)` | Whaling Waters | white, 5.6 to 1 |
| 25 | `#296872` | `oklch(48.21% 0.0658 208.45)` | Mordant Blue | white, 6.2 to 1 |
| 26 | `#23616c` | `oklch(45.73% 0.0645 210.86)` | Excellence | white, 7 to 1 |
| 27 | `#1e5965` | `oklch(43.23% 0.0624 213.26)` | Moonlit Pool | white, 7.8 to 1 |
| 28 | `#1b525e` | `oklch(40.80% 0.0598 215.58)` | Genetic Code | white, 8.7 to 1 |
| 29 | `#184b58` | `oklch(38.52% 0.0571 217.74)` | Nocturnal Expedition | white, 9.6 to 1 |
| 30 | `#164552` | `oklch(36.48% 0.0546 219.67)` | Blue Syzygy | white, 10.4 to 1 |
| 31 | `#14404d` | `oklch(34.77% 0.0524 221.29)` | Cold and Dark | white, 11.2 to 1 |
| 32 | `#123c4a` | `oklch(33.46% 0.0510 222.53)` | Subterranean River | white, 11.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #102833 0.0%, #1d373f 3.2%, #334e51 6.5%, #4f6a67 9.7%, #718880 12.9%, #94a79a 16.1%, #b4c2b3 19.4%, #ccd7c6 22.6%, #dae3d1 25.8%, #dce6d3 29.0%, #d5e3cf 32.3%, #c8dbc7 35.5%, #b6d0be 38.7%, #a2c4b4 41.9%, #8fb7ac 45.2%, #7faca5 48.4%, #74a4a0 51.6%, #699d9b 54.8%, #5e9595 58.1%, #548d8f 61.3%, #4a8689 64.5%, #407e83 67.7%, #37777d 71.0%, #2f7078 74.2%, #296872 77.4%, #23616c 80.6%, #1e5965 83.9%, #1b525e 87.1%, #184b58 90.3%, #164552 93.5%, #14404d 96.8%, #123c4a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(26.38% 0.0358 227.81) 0.0%, oklch(32.06% 0.0348 218.81) 3.2%, oklch(40.30% 0.0332 205.59) 6.5%, oklch(50.14% 0.0312 189.78) 9.7%, oklch(60.64% 0.0292 173.01) 12.9%, oklch(70.86% 0.0275 156.93) 16.1%, oklch(79.85% 0.0262 143.15) 19.4%, oklch(86.66% 0.0258 133.33) 22.6%, oklch(90.38% 0.0265 129.05) 25.8%, oklch(91.26% 0.0283 130.33) 29.0%, oklch(90.02% 0.0312 135.85) 32.3%, oklch(87.22% 0.0346 144.37) 35.5%, oklch(83.39% 0.0385 154.65) 38.7%, oklch(79.07% 0.0425 165.45) 41.9%, oklch(74.81% 0.0463 175.54) 45.2%, oklch(71.13% 0.0496 183.66) 48.4%, oklch(68.40% 0.0523 188.95) 51.6%, oklch(65.80% 0.0550 192.88) 54.8%, oklch(63.19% 0.0577 195.96) 58.1%, oklch(60.59% 0.0602 198.41) 61.3%, oklch(58.01% 0.0624 200.44) 64.5%, oklch(55.47% 0.0642 202.26) 67.7%, oklch(52.99% 0.0655 204.08) 71.0%, oklch(50.59% 0.0661 206.11) 74.2%, oklch(48.21% 0.0658 208.45) 77.4%, oklch(45.73% 0.0645 210.86) 80.6%, oklch(43.23% 0.0624 213.26) 83.9%, oklch(40.80% 0.0598 215.58) 87.1%, oklch(38.52% 0.0571 217.74) 90.3%, oklch(36.48% 0.0546 219.67) 93.5%, oklch(34.77% 0.0524 221.29) 96.8%, oklch(33.46% 0.0510 222.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.036 | 227.8 |
| 2 | 0.898 | 0.026 | 129.5 |
| 3 | 0.697 | 0.051 | 186.6 |
| 4 | 0.5 | 0.066 | 206.7 |
| 5 | 0.335 | 0.051 | 222.5 |

## In these collections

- [Wallpaper gradients](https://grabient.com/wallpaper-gradients)

## Other forms

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