# Cream, near-black and teal color palette

The Cream, near-black and teal color palette brings together pale yellow, light yellow, orange, red, dark red, black, teal, and green. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is pale yellow.

- Also called: Beige, red, black and teal linear gradient
- Seed: `kc_DROeCs-9zAuVDz73lBU_IAAsqql7ZWDE9g`
- Page: https://grabient.com/kc_DROeCs-9zAuVDz73lBU_IAAsqql7ZWDE9g?steps=8
- Drawn as: linear gradient, 8 steps, 90 degrees
- Kinds: dark center, vivid, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 20.6 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 | `#feffe5` | `oklch(99.21% 0.0338 109.67)` | La Luna | black, 20.6 to 1 |
| 2 | `#fdf08f` | `oklch(94.49% 0.1185 101.23)` | The First Daffodil | black, 18 to 1 |
| 3 | `#ff7c38` | `oklch(72.83% 0.1778 45.23)` | Temptatious Tangerine | black, 8.1 to 1 |
| 4 | `#cc000a` | `oklch(53.16% 0.2175 28.33)` | Love for All | white, 5.8 to 1 |
| 5 | `#200103` | `oklch(15.75% 0.0579 21.98)` | Ponzu Brown | white, 19.6 to 1 |
| 6 | `#000000` | `oklch(0.11% 0.0006 284.28)` | Black | white, 20.9 to 1 |
| 7 | `#00403c` | `oklch(33.47% 0.0581 188.58)` | Rich Black | white, 11.6 to 1 |
| 8 | `#1ab68d` | `oklch(69.29% 0.1350 168.51)` | Green Velour | black, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #feffe5 0.0%, #fdf08f 14.3%, #ff7c38 28.6%, #cc000a 42.9%, #200103 57.1%, #000000 71.4%, #00403c 85.7%, #1ab68d 100.0%);
background: linear-gradient(90deg in oklch, oklch(99.21% 0.0338 109.67) 0.0%, oklch(94.49% 0.1185 101.23) 14.3%, oklch(72.83% 0.1778 45.23) 28.6%, oklch(53.16% 0.2175 28.33) 42.9%, oklch(15.75% 0.0579 21.98) 57.1%, oklch(0.11% 0.0006 284.28) 71.4%, oklch(33.47% 0.0581 188.58) 85.7%, oklch(69.29% 0.1350 168.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.072 | 109.7 |
| 2 | 0.945 | 0.119 | 101.2 |
| 3 | 0.728 | 0.178 | 45.2 |
| 4 | 0.531 | 0.219 | 28.3 |
| 5 | 0.157 | 0.058 | 22 |
| 6 | 0 | 0.001 | -90 |
| 7 | 0.335 | 0.065 | -171.4 |
| 8 | 0.693 | 0.135 | -191.5 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)
- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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