# Navy, pale mint and crimson tetradic palette

The Navy, pale mint and crimson tetradic palette brings together blue, light gray, pale green, pale teal, light red, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale green.

- Also called: Navy, gray, light green and red linear swatches
- Seed: `kYWzTP2QfTPShxFzDUYXwtUr89Qi`
- Page: https://grabient.com/kYWzTP2QfTPShxFzDUYXwtUr89Qi?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, pastel
- Hues: triadic
- Contrast of its darkest and lightest colors: 8.9 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 | `#3e355f` | `oklch(35.83% 0.0717 291.80)` | Jakarta Skyline | white, 11.1 to 1 |
| 2 | `#a39f91` | `oklch(70.08% 0.0207 94.54)` | Smoky Day | black, 7.8 to 1 |
| 3 | `#cef1b1` | `oklch(91.73% 0.0923 131.52)` | Faith | black, 16.8 to 1 |
| 4 | `#c7e8e2` | `oklch(90.55% 0.0358 183.30)` | Polar Expedition | black, 16 to 1 |
| 5 | `#bea6ad` | `oklch(74.80% 0.0303 358.72)` | Cold Pink | black, 9.2 to 1 |
| 6 | `#ad283d` | `oklch(49.61% 0.1681 17.75)` | Pompeian Red | white, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #3e355f 0.000% 16.667%, #a39f91 16.667% 33.333%, #cef1b1 33.333% 50.000%, #c7e8e2 50.000% 66.667%, #bea6ad 66.667% 83.333%, #ad283d 83.333% 100.000%);
background: linear-gradient(90deg, oklch(35.83% 0.0717 291.80) 0.000% 16.667%, oklch(70.08% 0.0207 94.54) 16.667% 33.333%, oklch(91.73% 0.0923 131.52) 33.333% 50.000%, oklch(90.55% 0.0358 183.30) 50.000% 66.667%, oklch(74.80% 0.0303 358.72) 66.667% 83.333%, oklch(49.61% 0.1681 17.75) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.358 | 0.072 | 291.8 |
| 2 | 0.701 | 0.021 | 454.5 |
| 3 | 0.917 | 0.092 | 491.5 |
| 4 | 0.906 | 0.036 | 543.3 |
| 5 | 0.748 | 0.03 | 718.7 |
| 6 | 0.496 | 0.168 | 737.7 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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