# Exit Light palette

The Exit Light palette brings together dark gray, gold, light yellow, teal, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light yellow.

- Also called: Black, beige, teal and blue linear swatches
- Seed: `kWOQ3A47YrPMUwJWIEsMxXEg`
- Page: https://grabient.com/kWOQ3A47YrPMUwJWIEsMxXEg?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 13 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 | `#181b24` | `oklch(22.44% 0.0179 270.70)` | Coarse Wool | white, 17.1 to 1 |
| 2 | `#d6b72d` | `oklch(78.35% 0.1488 95.28)` | Patrinia Flowers | black, 10.6 to 1 |
| 3 | `#e8e2b7` | `oklch(90.55% 0.0565 100.57)` | Buttered | black, 15.9 to 1 |
| 4 | `#4ba8a8` | `oklch(67.72% 0.0882 194.62)` | Tidal Teal | black, 7.4 to 1 |
| 5 | `#244d63` | `oklch(40.16% 0.0593 233.72)` | Deep Ocean | white, 9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #181b24 0.000% 20.000%, #d6b72d 20.000% 40.000%, #e8e2b7 40.000% 60.000%, #4ba8a8 60.000% 80.000%, #244d63 80.000% 100.000%);
background: linear-gradient(45deg, oklch(22.44% 0.0179 270.70) 0.000% 20.000%, oklch(78.35% 0.1488 95.28) 20.000% 40.000%, oklch(90.55% 0.0565 100.57) 40.000% 60.000%, oklch(67.72% 0.0882 194.62) 60.000% 80.000%, oklch(40.16% 0.0593 233.72) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.224 | 0.018 | 270.7 |
| 2 | 0.783 | 0.149 | 95.3 |
| 3 | 0.906 | 0.056 | 100.6 |
| 4 | 0.677 | 0.088 | 194.6 |
| 5 | 0.402 | 0.059 | 233.7 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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