# Near-black, rose and champagne color palette

The Near-black, rose and champagne color palette brings together black, purple, magenta, orange, and pale orange. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is black, and its lightest tone is pale orange.

- Also called: Black, magenta, orange and beige linear swatches
- Seed: `kWHAvZJ7a_7vMRdXxUXdgzEQ`
- Page: https://grabient.com/kWHAvZJ7a_7vMRdXxUXdgzEQ?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 16.5 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 | `#050408` | `oklch(11.02% 0.0152 305.16)` | Eight Ball | white, 20.4 to 1 |
| 2 | `#43096b` | `oklch(31.10% 0.1502 305.16)` | Obsidian Shell | white, 14 to 1 |
| 3 | `#a40060` | `oklch(46.86% 0.1925 354.84)` | Banafsaji Purple | white, 7.6 to 1 |
| 4 | `#f66a19` | `oklch(68.90% 0.1902 44.49)` | Apocalyptic Orange | black, 7 to 1 |
| 5 | `#f3e6ce` | `oklch(92.91% 0.0344 81.48)` | Morning Sun | black, 17 to 1 |

## CSS

```css
background: linear-gradient(90deg, #050408 0.000% 20.000%, #43096b 20.000% 40.000%, #a40060 40.000% 60.000%, #f66a19 60.000% 80.000%, #f3e6ce 80.000% 100.000%);
background: linear-gradient(90deg, oklch(11.02% 0.0152 305.16) 0.000% 20.000%, oklch(31.10% 0.1502 305.16) 20.000% 40.000%, oklch(46.86% 0.1925 354.84) 40.000% 60.000%, oklch(68.90% 0.1902 44.49) 60.000% 80.000%, oklch(92.91% 0.0344 81.48) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.11 | 0.015 | 305.2 |
| 2 | 0.311 | 0.15 | 305.2 |
| 3 | 0.469 | 0.209 | 354.8 |
| 4 | 0.689 | 0.19 | 404.5 |
| 5 | 0.929 | 0.034 | 441.5 |

## In these collections

- [Diwali swatches](https://grabient.com/diwali-swatches)
- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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