# Mauve teal and orange palette

The Mauve teal and orange palette brings together pale orange, orange, red, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Peach, brown, navy and teal linear gradient
- Seed: `ka4Dco3bQ-0k4vk2ETztxIuMUivdZpr5A`
- Page: https://grabient.com/ka4Dco3bQ-0k4vk2ETztxIuMUivdZpr5A?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#ffcca8` | `oklch(88.19% 0.0748 56.96)` | Peach Crayon | black, 14.4 to 1 |
| 2 | `#fec49c` | `oklch(86.31% 0.0854 55.77)` | Orange Sherbet | black, 13.5 to 1 |
| 3 | `#fdb88b` | `oklch(83.68% 0.0995 54.16)` | Beach Sand | black, 12.4 to 1 |
| 4 | `#fbaa78` | `oklch(80.59% 0.1154 52.22)` | Shrimp Shell | black, 11.1 to 1 |
| 5 | `#f79b66` | `oklch(77.31% 0.1305 50.06)` | Indian Paintbrush | black, 9.8 to 1 |
| 6 | `#f28d56` | `oklch(74.12% 0.1419 47.82)` | Chinese Lantern | black, 8.7 to 1 |
| 7 | `#ec804a` | `oklch(71.09% 0.1498 45.59)` | Sizzling Sunset | black, 7.7 to 1 |
| 8 | `#e5733f` | `oklch(67.96% 0.1567 43.35)` | Camel Red | black, 6.8 to 1 |
| 9 | `#dd6637` | `oklch(64.78% 0.1614 40.93)` | Bronzed | black, 6 to 1 |
| 10 | `#d35a32` | `oklch(61.60% 0.1625 38.18)` | Chilean Fire | black, 5.2 to 1 |
| 11 | `#c85134` | `oklch(58.49% 0.1584 34.93)` | Fox | black, 4.6 to 1 |
| 12 | `#b94a37` | `oklch(55.38% 0.1468 31.91)` | Glowing Coals | white, 5.1 to 1 |
| 13 | `#a5483a` | `oklch(52.01% 0.1256 30.78)` | Rusty Sword | white, 5.8 to 1 |
| 14 | `#8f473d` | `oklch(48.67% 0.0997 29.35)` | Chocolate Explosion | white, 6.6 to 1 |
| 15 | `#7b4642` | `oklch(45.68% 0.0739 25.17)` | Sweet Spiceberry | white, 7.4 to 1 |
| 16 | `#6b4547` | `oklch(43.34% 0.0535 15.77)` | Moroccan Leather | white, 8.2 to 1 |
| 17 | `#60434d` | `oklch(41.93% 0.0425 358.18)` | Budōnezumi Grape | white, 8.6 to 1 |
| 18 | `#574455` | `oklch(41.29% 0.0382 329.94)` | Interlude | white, 8.8 to 1 |
| 19 | `#4d475e` | `oklch(41.27% 0.0384 295.79)` | Grapewood | white, 8.8 to 1 |
| 20 | `#404d63` | `oklch(41.74% 0.0416 261.31)` | Luna Pier | white, 8.5 to 1 |
| 21 | `#345364` | `oklch(42.59% 0.0464 232.09)` | Wentworth | white, 8.1 to 1 |
| 22 | `#2d5963` | `oklch(43.72% 0.0514 213.39)` | Petro Blue | white, 7.7 to 1 |
| 23 | `#276065` | `oklch(45.30% 0.0592 204.16)` | Gulf Harbour | white, 7.1 to 1 |
| 24 | `#1f676c` | `oklch(47.30% 0.0692 200.96)` | Pacific | white, 6.5 to 1 |
| 25 | `#126f75` | `oklch(49.63% 0.0798 201.02)` | Active Turquoise | white, 5.8 to 1 |
| 26 | `#00787f` | `oklch(52.15% 0.0887 201.54)` | Hypnotic Sea | white, 5.2 to 1 |
| 27 | `#008186` | `oklch(54.79% 0.0931 199.81)` | Precious Blue | white, 4.6 to 1 |
| 28 | `#008c8e` | `oklch(57.95% 0.0987 196.66)` | Egyptian Teal | black, 5.1 to 1 |
| 29 | `#119896` | `oklch(61.56% 0.1027 193.56)` | Regula Barbara Blue | black, 5.9 to 1 |
| 30 | `#25a49e` | `oklch(65.16% 0.1042 190.71)` | Silken Jade | black, 6.8 to 1 |
| 31 | `#34aea6` | `oklch(68.29% 0.1052 188.31)` | Tropical Tree | black, 7.7 to 1 |
| 32 | `#3db5aa` | `oklch(70.47% 0.1061 186.58)` | Island Moment | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(315deg, #ffcca8 0.0%, #fec49c 3.2%, #fdb88b 6.5%, #fbaa78 9.7%, #f79b66 12.9%, #f28d56 16.1%, #ec804a 19.4%, #e5733f 22.6%, #dd6637 25.8%, #d35a32 29.0%, #c85134 32.3%, #b94a37 35.5%, #a5483a 38.7%, #8f473d 41.9%, #7b4642 45.2%, #6b4547 48.4%, #60434d 51.6%, #574455 54.8%, #4d475e 58.1%, #404d63 61.3%, #345364 64.5%, #2d5963 67.7%, #276065 71.0%, #1f676c 74.2%, #126f75 77.4%, #00787f 80.6%, #008186 83.9%, #008c8e 87.1%, #119896 90.3%, #25a49e 93.5%, #34aea6 96.8%, #3db5aa 100.0%);
background: linear-gradient(315deg in oklch, oklch(88.19% 0.0748 56.96) 0.0%, oklch(86.31% 0.0854 55.77) 3.2%, oklch(83.68% 0.0995 54.16) 6.5%, oklch(80.59% 0.1154 52.22) 9.7%, oklch(77.31% 0.1305 50.06) 12.9%, oklch(74.12% 0.1419 47.82) 16.1%, oklch(71.09% 0.1498 45.59) 19.4%, oklch(67.96% 0.1567 43.35) 22.6%, oklch(64.78% 0.1614 40.93) 25.8%, oklch(61.60% 0.1625 38.18) 29.0%, oklch(58.49% 0.1584 34.93) 32.3%, oklch(55.38% 0.1468 31.91) 35.5%, oklch(52.01% 0.1256 30.78) 38.7%, oklch(48.67% 0.0997 29.35) 41.9%, oklch(45.68% 0.0739 25.17) 45.2%, oklch(43.34% 0.0535 15.77) 48.4%, oklch(41.93% 0.0425 358.18) 51.6%, oklch(41.29% 0.0382 329.94) 54.8%, oklch(41.27% 0.0384 295.79) 58.1%, oklch(41.74% 0.0416 261.31) 61.3%, oklch(42.59% 0.0464 232.09) 64.5%, oklch(43.72% 0.0514 213.39) 67.7%, oklch(45.30% 0.0592 204.16) 71.0%, oklch(47.30% 0.0692 200.96) 74.2%, oklch(49.63% 0.0798 201.02) 77.4%, oklch(52.15% 0.0887 201.54) 80.6%, oklch(54.79% 0.0931 199.81) 83.9%, oklch(57.95% 0.0987 196.66) 87.1%, oklch(61.56% 0.1027 193.56) 90.3%, oklch(65.16% 0.1042 190.71) 93.5%, oklch(68.29% 0.1052 188.31) 96.8%, oklch(70.47% 0.1061 186.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.076 | 57 |
| 2 | 0.736 | 0.143 | 47.4 |
| 3 | 0.575 | 0.156 | 33.7 |
| 4 | 0.425 | 0.047 | 8.3 |
| 5 | 0.433 | 0.05 | -141.7 |
| 6 | 0.543 | 0.095 | -159.7 |
| 7 | 0.705 | 0.106 | -173.4 |

## In these collections

- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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