# Crimson, mustard and lime split complementary palette

The Crimson, mustard and lime split complementary palette brings together red, pale red, teal, and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is pale red.

- Also called: Red, pink, teal and green linear swatches
- Seed: `kUlpEOcBY_sizVFbtrgg`
- Page: https://grabient.com/kUlpEOcBY_sizVFbtrgg?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.1 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 | `#db364a` | `oklch(59.06% 0.1998 19.69)` | Cruel Ruby | black, 4.6 to 1 |
| 2 | `#fec9c9` | `oklch(88.19% 0.0606 17.57)` | Elegant Light Rose | black, 14.3 to 1 |
| 3 | `#008a84` | `oklch(57.09% 0.0986 189.82)` | Navigate | black, 4.9 to 1 |
| 4 | `#91b43d` | `oklch(72.05% 0.1502 124.31)` | Green Tea Ice Cream | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #db364a 0.000% 25.000%, #fec9c9 25.000% 50.000%, #008a84 50.000% 75.000%, #91b43d 75.000% 100.000%);
background: linear-gradient(180deg, oklch(59.06% 0.1998 19.69) 0.000% 25.000%, oklch(88.19% 0.0606 17.57) 25.000% 50.000%, oklch(57.09% 0.0986 189.82) 50.000% 75.000%, oklch(72.05% 0.1502 124.31) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.591 | 0.2 | 19.7 |
| 2 | 0.882 | 0.061 | 17.6 |
| 3 | 0.571 | 0.141 | 189.8 |
| 4 | 0.72 | 0.15 | 124.3 |

## In these collections

- [Split complementary swatches](https://grabient.com/split-complementary-swatches)

## Other forms

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