# Near-black and teal cyber monday palette

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

- Also called: Analogous black, teal and dark green linear gradient
- Seed: `kSLA2CTaZAJyLwE`
- Page: https://grabient.com/kSLA2CTaZAJyLwE?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.2 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 | `#071311` | `oklch(17.32% 0.0179 182.81)` | Black Glaze | white, 18.9 to 1 |
| 2 | `#081715` | `oklch(19.07% 0.0214 182.89)` | Black Is Back | white, 18.3 to 1 |
| 3 | `#0a1d1a` | `oklch(21.42% 0.0260 182.97)` | Black Stallion | white, 17.4 to 1 |
| 4 | `#0c2521` | `oklch(24.27% 0.0317 183.07)` | Deep Slate Green | white, 16.1 to 1 |
| 5 | `#0e2e29` | `oklch(27.53% 0.0381 183.18)` | Guerrilla Forest | white, 14.5 to 1 |
| 6 | `#103833` | `oklch(31.09% 0.0451 183.30)` | Night Turquoise | white, 12.8 to 1 |
| 7 | `#12433d` | `oklch(34.84% 0.0525 183.43)` | Black Soap | white, 11 to 1 |
| 8 | `#144f47` | `oklch(38.69% 0.0602 183.56)` | Stockade Green | white, 9.4 to 1 |
| 9 | `#155a52` | `oklch(42.54% 0.0678 183.71)` | Baltic Prince | white, 7.9 to 1 |
| 10 | `#16665d` | `oklch(46.28% 0.0752 183.86)` | Eucalyptus Green | white, 6.7 to 1 |
| 11 | `#167268` | `oklch(49.82% 0.0822 184.01)` | Advantageous | white, 5.7 to 1 |
| 12 | `#167c72` | `oklch(53.04% 0.0886 184.17)` | Romantic Isle | white, 5 to 1 |
| 13 | `#15867b` | `oklch(55.86% 0.0942 184.34)` | Mystic Turquoise | black, 4.7 to 1 |
| 14 | `#148d82` | `oklch(58.17% 0.0988 184.50)` | Aqua Experience | black, 5.1 to 1 |
| 15 | `#139387` | `oklch(59.86% 0.1023 184.67)` | Old Benchmark | black, 5.5 to 1 |
| 16 | `#12978b` | `oklch(60.83% 0.1043 184.84)` | Intense Teal | black, 5.7 to 1 |
| 17 | `#11978b` | `oklch(61.00% 0.1047 185.01)` | Intense Teal | black, 5.8 to 1 |
| 18 | `#10958a` | `oklch(60.37% 0.1037 185.20)` | Lights at Sea | black, 5.6 to 1 |
| 19 | `#0f9186` | `oklch(59.05% 0.1012 185.41)` | Nifty Turquoise | black, 5.3 to 1 |
| 20 | `#0f8a80` | `oklch(57.12% 0.0976 185.63)` | Clear Turquoise | black, 4.9 to 1 |
| 21 | `#0f8279` | `oklch(54.68% 0.0930 185.86)` | Blue Winged Teal | white, 4.6 to 1 |
| 22 | `#0f7870` | `oklch(51.84% 0.0876 186.10)` | Pond Moss | white, 5.2 to 1 |
| 23 | `#0f6e67` | `oklch(48.69% 0.0817 186.34)` | Tide Pools | white, 6 to 1 |
| 24 | `#0e635d` | `oklch(45.33% 0.0753 186.58)` | Emerald Stone | white, 7 to 1 |
| 25 | `#0e5953` | `oklch(41.85% 0.0687 186.82)` | Baltic Prince | white, 8.2 to 1 |
| 26 | `#0d4e49` | `oklch(38.35% 0.0620 187.05)` | Stockade Green | white, 9.5 to 1 |
| 27 | `#0c443f` | `oklch(34.93% 0.0555 187.27)` | Black Soap | white, 11 to 1 |
| 28 | `#0b3a36` | `oklch(31.69% 0.0493 187.48)` | Night Turquoise | white, 12.5 to 1 |
| 29 | `#09322e` | `oklch(28.72% 0.0436 187.67)` | Fence Green | white, 13.9 to 1 |
| 30 | `#082a28` | `oklch(26.13% 0.0387 187.83)` | Swamp Thing | white, 15.2 to 1 |
| 31 | `#072522` | `oklch(24.00% 0.0347 187.98)` | Teal Spill | white, 16.2 to 1 |
| 32 | `#07201e` | `oklch(22.44% 0.0317 188.10)` | Stellar Explorer | white, 16.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #071311 0.0%, #081715 3.2%, #0a1d1a 6.5%, #0c2521 9.7%, #0e2e29 12.9%, #103833 16.1%, #12433d 19.4%, #144f47 22.6%, #155a52 25.8%, #16665d 29.0%, #167268 32.3%, #167c72 35.5%, #15867b 38.7%, #148d82 41.9%, #139387 45.2%, #12978b 48.4%, #11978b 51.6%, #10958a 54.8%, #0f9186 58.1%, #0f8a80 61.3%, #0f8279 64.5%, #0f7870 67.7%, #0f6e67 71.0%, #0e635d 74.2%, #0e5953 77.4%, #0d4e49 80.6%, #0c443f 83.9%, #0b3a36 87.1%, #09322e 90.3%, #082a28 93.5%, #072522 96.8%, #07201e 100.0%);
background: linear-gradient(90deg in oklch, oklch(17.32% 0.0179 182.81) 0.0%, oklch(19.07% 0.0214 182.89) 3.2%, oklch(21.42% 0.0260 182.97) 6.5%, oklch(24.27% 0.0317 183.07) 9.7%, oklch(27.53% 0.0381 183.18) 12.9%, oklch(31.09% 0.0451 183.30) 16.1%, oklch(34.84% 0.0525 183.43) 19.4%, oklch(38.69% 0.0602 183.56) 22.6%, oklch(42.54% 0.0678 183.71) 25.8%, oklch(46.28% 0.0752 183.86) 29.0%, oklch(49.82% 0.0822 184.01) 32.3%, oklch(53.04% 0.0886 184.17) 35.5%, oklch(55.86% 0.0942 184.34) 38.7%, oklch(58.17% 0.0988 184.50) 41.9%, oklch(59.86% 0.1023 184.67) 45.2%, oklch(60.83% 0.1043 184.84) 48.4%, oklch(61.00% 0.1047 185.01) 51.6%, oklch(60.37% 0.1037 185.20) 54.8%, oklch(59.05% 0.1012 185.41) 58.1%, oklch(57.12% 0.0976 185.63) 61.3%, oklch(54.68% 0.0930 185.86) 64.5%, oklch(51.84% 0.0876 186.10) 67.7%, oklch(48.69% 0.0817 186.34) 71.0%, oklch(45.33% 0.0753 186.58) 74.2%, oklch(41.85% 0.0687 186.82) 77.4%, oklch(38.35% 0.0620 187.05) 80.6%, oklch(34.93% 0.0555 187.27) 83.9%, oklch(31.69% 0.0493 187.48) 87.1%, oklch(28.72% 0.0436 187.67) 90.3%, oklch(26.13% 0.0387 187.83) 93.5%, oklch(24.00% 0.0347 187.98) 96.8%, oklch(22.44% 0.0317 188.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.018 | 182.8 |
| 2 | 0.61 | 0.105 | 184.9 |
| 3 | 0.224 | 0.032 | 188.1 |

## In these collections

- [Cyber Monday gradients](https://grabient.com/cyber-monday-gradients)

## Other forms

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