# Off-white, lime and deep cyan color palette

The Off-white, lime and deep cyan color palette brings together light gray, pale green, green, light green, teal, and dark blue. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is pale green.

- Also called: Gray, light green, light blue and black linear swatches
- Seed: `kY3gKseZgyfZIQDwwEI3KFHpsLQw`
- Page: https://grabient.com/kY3gKseZgyfZIQDwwEI3KFHpsLQw?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: light center, vivid, light
- Hues: wide
- Contrast of its darkest and lightest colors: 15.7 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 | `#d4d6d7` | `oklch(87.40% 0.0028 241.87)` | Silver Medal | black, 14.3 to 1 |
| 2 | `#e4faca` | `oklch(95.67% 0.0661 127.75)` | Snow Flurry | black, 18.8 to 1 |
| 3 | `#bfff75` | `oklch(92.91% 0.1805 129.86)` | Lime Lightning | black, 17.7 to 1 |
| 4 | `#7bf996` | `oklch(88.58% 0.1764 148.88)` | Lunatic Sky Dancer | black, 15.8 to 1 |
| 5 | `#5bb6ca` | `oklch(72.83% 0.0909 214.40)` | Water Baby | black, 8.9 to 1 |
| 6 | `#0b1b26` | `oklch(21.26% 0.0303 240.82)` | Black Stallion | white, 17.5 to 1 |

## CSS

```css
background: linear-gradient(270deg, #d4d6d7 0.000% 16.667%, #e4faca 16.667% 33.333%, #bfff75 33.333% 50.000%, #7bf996 50.000% 66.667%, #5bb6ca 66.667% 83.333%, #0b1b26 83.333% 100.000%);
background: linear-gradient(270deg, oklch(87.40% 0.0028 241.87) 0.000% 16.667%, oklch(95.67% 0.0661 127.75) 16.667% 33.333%, oklch(92.91% 0.1805 129.86) 33.333% 50.000%, oklch(88.58% 0.1764 148.88) 50.000% 66.667%, oklch(72.83% 0.0909 214.40) 66.667% 83.333%, oklch(21.26% 0.0303 240.82) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.003 | 241.9 |
| 2 | 0.957 | 0.066 | 127.7 |
| 3 | 0.929 | 0.198 | 129.9 |
| 4 | 0.886 | 0.176 | 148.9 |
| 5 | 0.728 | 0.091 | 214.4 |
| 6 | 0.213 | 0.03 | 240.8 |

## In these collections

- [Cyberpunk swatches](https://grabient.com/cyberpunk-swatches)
- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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