# Near-black, pale mint and navy frosted eucalyptus

The Near-black, pale mint and navy frosted eucalyptus brings together dark gray, yellow, light green, pale green, light teal, and blue. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is pale green.

- Also called: Black, gray, light blue and navy radial gradient
- Seed: `kcKgeuI4avseQwDpEcGeI_Eu4UxhQn0LLiDBg`
- Page: https://grabient.com/kcKgeuI4avseQwDpEcGeI_Eu4UxhQn0LLiDBg?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#0b0f12` | `oklch(16.54% 0.0096 244.69)` | Ruined Smores | white, 19.2 to 1 |
| 2 | `#0c1315` | `oklch(18.01% 0.0106 220.21)` | Dark Tone Ink | white, 18.7 to 1 |
| 3 | `#101817` | `oklch(19.97% 0.0117 184.17)` | Black Stallion | white, 18 to 1 |
| 4 | `#181e18` | `oklch(22.61% 0.0135 146.14)` | Coco’s Black | white, 16.9 to 1 |
| 5 | `#24251c` | `oklch(26.13% 0.0163 115.68)` | Underworld | white, 15.4 to 1 |
| 6 | `#323024` | `oklch(30.80% 0.0207 100.67)` | Night Green | white, 13.2 to 1 |
| 7 | `#43402f` | `oklch(36.84% 0.0273 97.29)` | Woodrush | white, 10.4 to 1 |
| 8 | `#56523c` | `oklch(43.69% 0.0347 100.59)` | Pure Woody | white, 7.8 to 1 |
| 9 | `#68674b` | `oklch(50.68% 0.0414 106.18)` | Hemlock | white, 5.7 to 1 |
| 10 | `#797b5b` | `oklch(57.19% 0.0459 109.68)` | Kokoda | black, 4.7 to 1 |
| 11 | `#8b8e6d` | `oklch(63.60% 0.0481 111.49)` | Rowntree | black, 6.2 to 1 |
| 12 | `#9ea280` | `oklch(70.05% 0.0489 113.73)` | French Parsley | black, 7.9 to 1 |
| 13 | `#afb693` | `oklch(76.11% 0.0488 116.89)` | Moss Print | black, 9.9 to 1 |
| 14 | `#bdc8a5` | `oklch(81.38% 0.0483 121.51)` | Wispy Mint | black, 11.9 to 1 |
| 15 | `#c7d6b5` | `oklch(85.67% 0.0476 128.01)` | Spice Garden | black, 13.7 to 1 |
| 16 | `#cfe3c6` | `oklch(89.37% 0.0458 136.25)` | Endive | black, 15.4 to 1 |
| 17 | `#d4eed4` | `oklch(92.30% 0.0438 145.71)` | End of the Rainbow | black, 16.9 to 1 |
| 18 | `#d6f5e0` | `oklch(94.23% 0.0426 155.89)` | Delicate Sapling | black, 18 to 1 |
| 19 | `#d4f8e8` | `oklch(94.96% 0.0430 166.38)` | Cactus Water | black, 18.4 to 1 |
| 20 | `#cef7ed` | `oklch(94.43% 0.0449 178.32)` | Mid Spring Morning | black, 18.1 to 1 |
| 21 | `#c4f2ef` | `oklch(92.82% 0.0477 191.11)` | Angel of Death Victorious | black, 17.2 to 1 |
| 22 | `#b8eaee` | `oklch(90.32% 0.0514 203.40)` | Light Vandamint | black, 16 to 1 |
| 23 | `#abdfeb` | `oklch(87.12% 0.0558 213.84)` | Quiet Nook | black, 14.4 to 1 |
| 24 | `#9cd1e4` | `oklch(83.12% 0.0615 221.69)` | Light Delphin | black, 12.6 to 1 |
| 25 | `#89c1db` | `oklch(78.13% 0.0688 227.77)` | Sky Babe | black, 10.7 to 1 |
| 26 | `#74afcf` | `oklch(72.53% 0.0764 232.68)` | Aspara | black, 8.7 to 1 |
| 27 | `#619cc1` | `oklch(66.68% 0.0828 236.98)` | Gulf Stream Blue | black, 7 to 1 |
| 28 | `#5089b2` | `oklch(60.80% 0.0868 241.21)` | Alpha Blue | black, 5.5 to 1 |
| 29 | `#3e739f` | `oklch(53.96% 0.0887 245.10)` | Naval | white, 5 to 1 |
| 30 | `#2d5e8a` | `oklch(46.86% 0.0894 248.46)` | Bay Site | white, 6.8 to 1 |
| 31 | `#1f4b78` | `oklch(40.59% 0.0894 251.18)` | Sapphire Earrings | white, 8.9 to 1 |
| 32 | `#163f6b` | `oklch(36.22% 0.0896 253.14)` | Blue Opal | white, 10.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0b0f12 0.0%, #0c1315 3.2%, #101817 6.5%, #181e18 9.7%, #24251c 12.9%, #323024 16.1%, #43402f 19.4%, #56523c 22.6%, #68674b 25.8%, #797b5b 29.0%, #8b8e6d 32.3%, #9ea280 35.5%, #afb693 38.7%, #bdc8a5 41.9%, #c7d6b5 45.2%, #cfe3c6 48.4%, #d4eed4 51.6%, #d6f5e0 54.8%, #d4f8e8 58.1%, #cef7ed 61.3%, #c4f2ef 64.5%, #b8eaee 67.7%, #abdfeb 71.0%, #9cd1e4 74.2%, #89c1db 77.4%, #74afcf 80.6%, #619cc1 83.9%, #5089b2 87.1%, #3e739f 90.3%, #2d5e8a 93.5%, #1f4b78 96.8%, #163f6b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(16.54% 0.0096 244.69) 0.0%, oklch(18.01% 0.0106 220.21) 3.2%, oklch(19.97% 0.0117 184.17) 6.5%, oklch(22.61% 0.0135 146.14) 9.7%, oklch(26.13% 0.0163 115.68) 12.9%, oklch(30.80% 0.0207 100.67) 16.1%, oklch(36.84% 0.0273 97.29) 19.4%, oklch(43.69% 0.0347 100.59) 22.6%, oklch(50.68% 0.0414 106.18) 25.8%, oklch(57.19% 0.0459 109.68) 29.0%, oklch(63.60% 0.0481 111.49) 32.3%, oklch(70.05% 0.0489 113.73) 35.5%, oklch(76.11% 0.0488 116.89) 38.7%, oklch(81.38% 0.0483 121.51) 41.9%, oklch(85.67% 0.0476 128.01) 45.2%, oklch(89.37% 0.0458 136.25) 48.4%, oklch(92.30% 0.0438 145.71) 51.6%, oklch(94.23% 0.0426 155.89) 54.8%, oklch(94.96% 0.0430 166.38) 58.1%, oklch(94.43% 0.0449 178.32) 61.3%, oklch(92.82% 0.0477 191.11) 64.5%, oklch(90.32% 0.0514 203.40) 67.7%, oklch(87.12% 0.0558 213.84) 71.0%, oklch(83.12% 0.0615 221.69) 74.2%, oklch(78.13% 0.0688 227.77) 77.4%, oklch(72.53% 0.0764 232.68) 80.6%, oklch(66.68% 0.0828 236.98) 83.9%, oklch(60.80% 0.0868 241.21) 87.1%, oklch(53.96% 0.0887 245.10) 90.3%, oklch(46.86% 0.0894 248.46) 93.5%, oklch(40.59% 0.0894 251.18) 96.8%, oklch(36.22% 0.0896 253.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.165 | 0.01 | 244.7 |
| 2 | 0.28 | 0.018 | 107.3 |
| 3 | 0.563 | 0.045 | 109.4 |
| 4 | 0.827 | 0.048 | 123.2 |
| 5 | 0.949 | 0.043 | 163.3 |
| 6 | 0.866 | 0.056 | 215.1 |
| 7 | 0.634 | 0.085 | 239.4 |
| 8 | 0.362 | 0.09 | 253.1 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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