# Sage, stone and navy Galaxy Z Fold8

This palette moves from light green through light gray to blue. It lightens and then darkens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Green, light blue, gray and navy radial gradient
- Seed: `kS0zxccAfQqcYQC`
- Page: https://grabient.com/kS0zxccAfQqcYQC?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, pastel, light, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10.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 | `#b7d39a` | `oklch(83.07% 0.0827 129.37)` | In Good Taste | black, 12.7 to 1 |
| 2 | `#b3d5a0` | `oklch(83.38% 0.0802 134.78)` | In Good Taste | black, 12.9 to 1 |
| 3 | `#afd8a9` | `oklch(83.93% 0.0769 141.73)` | Fizz | black, 13.1 to 1 |
| 4 | `#abdbb4` | `oklch(84.68% 0.0730 149.98)` | Celtic Spring | black, 13.5 to 1 |
| 5 | `#aadec0` | `oklch(85.57% 0.0684 159.31)` | Mountain Mint | black, 13.9 to 1 |
| 6 | `#aae1cc` | `oklch(86.55% 0.0635 169.49)` | Meristem | black, 14.3 to 1 |
| 7 | `#ade3d8` | `oklch(87.55% 0.0582 180.30)` | Ice Cube | black, 14.7 to 1 |
| 8 | `#b2e5e2` | `oklch(88.54% 0.0529 191.51)` | Cool Crayon | black, 15.1 to 1 |
| 9 | `#b8e6ea` | `oklch(89.44% 0.0475 202.90)` | Soaring Sky | black, 15.5 to 1 |
| 10 | `#c0e7f0` | `oklch(90.21% 0.0422 214.23)` | Onahau | black, 15.8 to 1 |
| 11 | `#c7e6f4` | `oklch(90.79% 0.0373 225.28)` | Icy Landscape | black, 16.1 to 1 |
| 12 | `#cee6f5` | `oklch(91.13% 0.0327 235.83)` | New Heights | black, 16.2 to 1 |
| 13 | `#d3e4f4` | `oklch(91.17% 0.0286 245.65)` | Weathered Blue | black, 16.2 to 1 |
| 14 | `#d6e2f2` | `oklch(90.86% 0.0252 254.51)` | Aquarelle Purple | black, 16 to 1 |
| 15 | `#d6dfee` | `oklch(90.14% 0.0227 262.18)` | Faint Blue | black, 15.6 to 1 |
| 16 | `#d5dae9` | `oklch(88.97% 0.0211 268.45)` | Snowy Shadow | black, 15 to 1 |
| 17 | `#d0d4e3` | `oklch(87.25% 0.0205 273.16)` | Light Iced Lavender | black, 14.2 to 1 |
| 18 | `#c9ccdb` | `oklch(84.85% 0.0210 276.70)` | Lavender Steel | black, 13.1 to 1 |
| 19 | `#c0c2d2` | `oklch(81.84% 0.0224 279.26)` | Lavender Honour | black, 11.9 to 1 |
| 20 | `#b5b7c8` | `oklch(78.31% 0.0246 280.94)` | Winter Dusk | black, 10.5 to 1 |
| 21 | `#a9aabd` | `oklch(74.36% 0.0274 281.85)` | Cream Violet | black, 9.1 to 1 |
| 22 | `#9b9db2` | `oklch(70.08% 0.0307 282.12)` | Purple Balance | black, 7.8 to 1 |
| 23 | `#8d8fa6` | `oklch(65.57% 0.0345 281.83)` | Delicate Violet | black, 6.5 to 1 |
| 24 | `#7e819a` | `oklch(60.94% 0.0385 281.12)` | Blue Intrigue | black, 5.4 to 1 |
| 25 | `#70738e` | `oklch(56.26% 0.0427 280.08)` | Stormy Mauve | white, 4.6 to 1 |
| 26 | `#626583` | `oklch(51.65% 0.0469 278.83)` | Purple Daze | white, 5.6 to 1 |
| 27 | `#545978` | `oklch(47.20% 0.0511 277.48)` | Blue Indigo | white, 6.8 to 1 |
| 28 | `#474d6e` | `oklch(43.01% 0.0550 276.14)` | Royal Hyacinth | white, 8.1 to 1 |
| 29 | `#3c4365` | `oklch(39.16% 0.0586 274.92)` | Genie | white, 9.6 to 1 |
| 30 | `#323a5d` | `oklch(35.77% 0.0617 273.94)` | Very Blue | white, 11 to 1 |
| 31 | `#2b3256` | `oklch(32.92% 0.0643 273.29)` | Midnight Escapade | white, 12.3 to 1 |
| 32 | `#252c51` | `oklch(30.71% 0.0661 273.09)` | Wahoo | white, 13.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b7d39a 0.0%, #b3d5a0 3.2%, #afd8a9 6.5%, #abdbb4 9.7%, #aadec0 12.9%, #aae1cc 16.1%, #ade3d8 19.4%, #b2e5e2 22.6%, #b8e6ea 25.8%, #c0e7f0 29.0%, #c7e6f4 32.3%, #cee6f5 35.5%, #d3e4f4 38.7%, #d6e2f2 41.9%, #d6dfee 45.2%, #d5dae9 48.4%, #d0d4e3 51.6%, #c9ccdb 54.8%, #c0c2d2 58.1%, #b5b7c8 61.3%, #a9aabd 64.5%, #9b9db2 67.7%, #8d8fa6 71.0%, #7e819a 74.2%, #70738e 77.4%, #626583 80.6%, #545978 83.9%, #474d6e 87.1%, #3c4365 90.3%, #323a5d 93.5%, #2b3256 96.8%, #252c51 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0827 129.37) 0.0%, oklch(83.38% 0.0802 134.78) 3.2%, oklch(83.93% 0.0769 141.73) 6.5%, oklch(84.68% 0.0730 149.98) 9.7%, oklch(85.57% 0.0684 159.31) 12.9%, oklch(86.55% 0.0635 169.49) 16.1%, oklch(87.55% 0.0582 180.30) 19.4%, oklch(88.54% 0.0529 191.51) 22.6%, oklch(89.44% 0.0475 202.90) 25.8%, oklch(90.21% 0.0422 214.23) 29.0%, oklch(90.79% 0.0373 225.28) 32.3%, oklch(91.13% 0.0327 235.83) 35.5%, oklch(91.17% 0.0286 245.65) 38.7%, oklch(90.86% 0.0252 254.51) 41.9%, oklch(90.14% 0.0227 262.18) 45.2%, oklch(88.97% 0.0211 268.45) 48.4%, oklch(87.25% 0.0205 273.16) 51.6%, oklch(84.85% 0.0210 276.70) 54.8%, oklch(81.84% 0.0224 279.26) 58.1%, oklch(78.31% 0.0246 280.94) 61.3%, oklch(74.36% 0.0274 281.85) 64.5%, oklch(70.08% 0.0307 282.12) 67.7%, oklch(65.57% 0.0345 281.83) 71.0%, oklch(60.94% 0.0385 281.12) 74.2%, oklch(56.26% 0.0427 280.08) 77.4%, oklch(51.65% 0.0469 278.83) 80.6%, oklch(47.20% 0.0511 277.48) 83.9%, oklch(43.01% 0.0550 276.14) 87.1%, oklch(39.16% 0.0586 274.92) 90.3%, oklch(35.77% 0.0617 273.94) 93.5%, oklch(32.92% 0.0643 273.29) 96.8%, oklch(30.71% 0.0661 273.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.083 | 129.4 |
| 2 | 0.882 | 0.021 | 271 |
| 3 | 0.307 | 0.066 | 273.1 |

## In these collections

- [Galaxy Z Fold8 gradients](https://grabient.com/galaxy-z-fold8-gradients)

## Other forms

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