# Near-black, magenta and champagne color palette

The Near-black, magenta and champagne color palette brings together dark blue, dark purple, magenta, gold, and pale yellow. 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 yellow.

- Also called: Black, pink, yellow and beige linear swatches
- Seed: `kWJBbOJi8_9LTxVoRU9d5m_Q`
- Page: https://grabient.com/kWJBbOJi8_9LTxVoRU9d5m_Q?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: complementary
- 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 | `#090715` | `oklch(14.17% 0.0303 289.69)` | Not Tonight | white, 19.9 to 1 |
| 2 | `#301968` | `oklch(29.92% 0.1295 289.69)` | Night Fog | white, 14.3 to 1 |
| 3 | `#dd45c5` | `oklch(64.96% 0.2301 335.13)` | Purplish Pink | black, 5.7 to 1 |
| 4 | `#d5c900` | `oklch(81.89% 0.1738 105.11)` | March Green | black, 12.1 to 1 |
| 5 | `#f6edb7` | `oklch(94.09% 0.0703 99.82)` | Veiled Treasure | black, 17.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #090715 0.000% 20.000%, #301968 20.000% 40.000%, #dd45c5 40.000% 60.000%, #d5c900 60.000% 80.000%, #f6edb7 80.000% 100.000%);
background: linear-gradient(90deg, oklch(14.17% 0.0303 289.69) 0.000% 20.000%, oklch(29.92% 0.1295 289.69) 20.000% 40.000%, oklch(64.96% 0.2301 335.13) 40.000% 60.000%, oklch(81.89% 0.1738 105.11) 60.000% 80.000%, oklch(94.09% 0.0703 99.82) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.03 | 289.7 |
| 2 | 0.299 | 0.13 | 289.7 |
| 3 | 0.65 | 0.23 | 335.1 |
| 4 | 0.819 | 0.19 | 465.1 |
| 5 | 0.941 | 0.07 | 459.8 |

## In these collections

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

## Other forms

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