# Near-black, gray and lime color palette

The Near-black, gray and lime color palette brings together dark gray, off-white, and green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits presentation backgrounds and section dividers. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Black, dark gray, white and lime green linear swatches
- Seed: `kUKgm0pwc9HkEMruyMCg`
- Page: https://grabient.com/kUKgm0pwc9HkEMruyMCg?style=linearSwatches&steps=4&angle=135
- Drawn as: linear swatches, 4 steps, 135 degrees
- Kinds: neutral
- Hues: monochromatic
- 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 | `#0b0f14` | `oklch(16.54% 0.0124 253.83)` | Ruined Smores | white, 19.2 to 1 |
| 2 | `#263237` | `oklch(30.71% 0.0193 229.52)` | Nightmare Fuel | white, 13.2 to 1 |
| 3 | `#eff0e8` | `oklch(95.28% 0.0110 117.51)` | Clean Buffer | black, 18.3 to 1 |
| 4 | `#bae935` | `oklch(87.01% 0.1998 123.85)` | Sour Green | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #0b0f14 0.000% 25.000%, #263237 25.000% 50.000%, #eff0e8 50.000% 75.000%, #bae935 75.000% 100.000%);
background: linear-gradient(135deg, oklch(16.54% 0.0124 253.83) 0.000% 25.000%, oklch(30.71% 0.0193 229.52) 25.000% 50.000%, oklch(95.28% 0.0110 117.51) 50.000% 75.000%, oklch(87.01% 0.1998 123.85) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.165 | 0.012 | 253.8 |
| 2 | 0.307 | 0.019 | 229.5 |
| 3 | 0.953 | 0.011 | 117.5 |
| 4 | 0.87 | 0.2 | 123.8 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)
- [Presentation swatches](https://grabient.com/presentation-swatches)

## Other forms

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