# Near-black, turquoise and stone y2k palette

The Near-black, turquoise and stone y2k palette brings together dark gray, blue, teal, and light gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits fashion mood boards and lookbook graphics. Its darkest tone is dark gray, and its lightest tone is light gray.

- Also called: Monochrome black, navy and gray angular swatches
- Seed: `kWKQvKrAo6kYivZkrr66wdBA`
- Page: https://grabient.com/kWKQvKrAo6kYivZkrr66wdBA?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: dark to light, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#0d0d14` | `oklch(16.14% 0.0152 284.77)` | Midnight Oil | white, 19.3 to 1 |
| 2 | `#2c3c47` | `oklch(34.65% 0.0276 239.33)` | Pitch Cobalt | white, 11.4 to 1 |
| 3 | `#157e98` | `oklch(55.12% 0.0951 219.25)` | Pacific Pleasure | white, 4.6 to 1 |
| 4 | `#2ed1e7` | `oklch(79.13% 0.1281 208.68)` | Aztec Turquoise | black, 11.3 to 1 |
| 5 | `#becfd4` | `oklch(84.25% 0.0193 218.19)` | Shhh… | black, 13 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #0d0d14 0.000% 20.000%, #2c3c47 20.000% 40.000%, #157e98 40.000% 60.000%, #2ed1e7 60.000% 80.000%, #becfd4 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(16.14% 0.0152 284.77) 0.000% 20.000%, oklch(34.65% 0.0276 239.33) 20.000% 40.000%, oklch(55.12% 0.0951 219.25) 40.000% 60.000%, oklch(79.13% 0.1281 208.68) 60.000% 80.000%, oklch(84.25% 0.0193 218.19) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.161 | 0.015 | 284.8 |
| 2 | 0.346 | 0.028 | 239.3 |
| 3 | 0.551 | 0.095 | 219.2 |
| 4 | 0.791 | 0.128 | 208.7 |
| 5 | 0.843 | 0.019 | 218.2 |

## In these collections

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

## Other forms

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