# Deep cyan and crimson terracotta palette

The Deep cyan and crimson terracotta palette brings together teal, gray, light orange, orange, and red. The colors span a moderate lightness range, combining moderate 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 light orange.

- Also called: Teal, gray, salmon and brown angular gradient
- Seed: `kaZCqLwZJAliIMncHjt1C6-8YyPw1Ir8g`
- Page: https://grabient.com/kaZCqLwZJAliIMncHjt1C6-8YyPw1Ir8g?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.7 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 | `#165050` | `oklch(39.37% 0.0579 196.17)` | Malachite Blue Turquoise | white, 9.1 to 1 |
| 2 | `#1c5356` | `oklch(40.87% 0.0571 198.67)` | Ramsons | white, 8.6 to 1 |
| 3 | `#24595d` | `oklch(42.94% 0.0562 203.32)` | Bayberry | white, 7.9 to 1 |
| 4 | `#2d5f66` | `oklch(45.42% 0.0549 207.41)` | Calypso Green | white, 7.1 to 1 |
| 5 | `#37676e` | `oklch(48.18% 0.0529 208.24)` | Smock Blue | white, 6.3 to 1 |
| 6 | `#426f73` | `oklch(51.09% 0.0502 203.09)` | Thunderhawk Blue | white, 5.5 to 1 |
| 7 | `#507875` | `oklch(54.33% 0.0453 188.99)` | Breaker Bay | white, 4.8 to 1 |
| 8 | `#668276` | `oklch(58.19% 0.0377 166.69)` | Lorna | black, 5 to 1 |
| 9 | `#7e8c7b` | `oklch(62.22% 0.0296 140.38)` | Amazon Moss | black, 5.8 to 1 |
| 10 | `#919484` | `oklch(65.96% 0.0234 114.33)` | Tarzan Green | black, 6.7 to 1 |
| 11 | `#a09b8d` | `oklch(68.94% 0.0214 92.77)` | Dawn | black, 7.5 to 1 |
| 12 | `#aa9f90` | `oklch(70.86% 0.0257 78.48)` | Jackal | black, 8.1 to 1 |
| 13 | `#b4a18d` | `oklch(72.03% 0.0356 68.38)` | Light Spice | black, 8.4 to 1 |
| 14 | `#bea088` | `oklch(72.62% 0.0490 61.19)` | Doe Eyes | black, 8.5 to 1 |
| 15 | `#c79d81` | `oklch(72.76% 0.0635 55.89)` | Desert Carnation | black, 8.5 to 1 |
| 16 | `#ce997a` | `oklch(72.60% 0.0770 51.48)` | Sweet Almond | black, 8.4 to 1 |
| 17 | `#d39475` | `oklch(72.21% 0.0878 47.29)` | Feldspar | black, 8.2 to 1 |
| 18 | `#d68f6f` | `oklch(71.42% 0.0981 44.63)` | Balcony Sunset | black, 8 to 1 |
| 19 | `#d78867` | `oklch(70.26% 0.1078 43.22)` | King Salmon | black, 7.6 to 1 |
| 20 | `#d7815f` | `oklch(68.84% 0.1167 42.44)` | Summer Sunset | black, 7.2 to 1 |
| 21 | `#d57a57` | `oklch(67.25% 0.1241 41.65)` | Clay Mug | black, 6.7 to 1 |
| 22 | `#d27350` | `oklch(65.57% 0.1299 40.32)` | Coral Gold | black, 6.3 to 1 |
| 23 | `#ce6b4a` | `oklch(63.69% 0.1345 38.82)` | Reikland | black, 5.8 to 1 |
| 24 | `#c96344` | `oklch(61.62% 0.1379 37.36)` | Enshūcha Red | black, 5.3 to 1 |
| 25 | `#c35b3f` | `oklch(59.40% 0.1397 35.94)` | Summer Fig | black, 4.8 to 1 |
| 26 | `#bb533b` | `oklch(57.08% 0.1396 34.55)` | Orange Vermillion | white, 4.7 to 1 |
| 27 | `#b24d38` | `oklch(54.72% 0.1372 33.21)` | Spiced Up | white, 5.2 to 1 |
| 28 | `#a74736` | `oklch(51.99% 0.1308 31.80)` | Barbarossa | white, 5.8 to 1 |
| 29 | `#994134` | `oklch(48.99% 0.1214 30.37)` | Tia Maria | white, 6.6 to 1 |
| 30 | `#8c3c32` | `oklch(46.05% 0.1109 29.04)` | Gatsby Brick | white, 7.5 to 1 |
| 31 | `#803830` | `oklch(43.52% 0.1014 27.90)` | Heirloom Tomato | white, 8.3 to 1 |
| 32 | `#78352f` | `oklch(41.73% 0.0951 27.09)` | Auburn Lights | white, 8.9 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #165050 0.0%, #1c5356 3.2%, #24595d 6.5%, #2d5f66 9.7%, #37676e 12.9%, #426f73 16.1%, #507875 19.4%, #668276 22.6%, #7e8c7b 25.8%, #919484 29.0%, #a09b8d 32.3%, #aa9f90 35.5%, #b4a18d 38.7%, #bea088 41.9%, #c79d81 45.2%, #ce997a 48.4%, #d39475 51.6%, #d68f6f 54.8%, #d78867 58.1%, #d7815f 61.3%, #d57a57 64.5%, #d27350 67.7%, #ce6b4a 71.0%, #c96344 74.2%, #c35b3f 77.4%, #bb533b 80.6%, #b24d38 83.9%, #a74736 87.1%, #994134 90.3%, #8c3c32 93.5%, #803830 96.8%, #78352f 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(39.37% 0.0579 196.17) 0.0%, oklch(40.87% 0.0571 198.67) 3.2%, oklch(42.94% 0.0562 203.32) 6.5%, oklch(45.42% 0.0549 207.41) 9.7%, oklch(48.18% 0.0529 208.24) 12.9%, oklch(51.09% 0.0502 203.09) 16.1%, oklch(54.33% 0.0453 188.99) 19.4%, oklch(58.19% 0.0377 166.69) 22.6%, oklch(62.22% 0.0296 140.38) 25.8%, oklch(65.96% 0.0234 114.33) 29.0%, oklch(68.94% 0.0214 92.77) 32.3%, oklch(70.86% 0.0257 78.48) 35.5%, oklch(72.03% 0.0356 68.38) 38.7%, oklch(72.62% 0.0490 61.19) 41.9%, oklch(72.76% 0.0635 55.89) 45.2%, oklch(72.60% 0.0770 51.48) 48.4%, oklch(72.21% 0.0878 47.29) 51.6%, oklch(71.42% 0.0981 44.63) 54.8%, oklch(70.26% 0.1078 43.22) 58.1%, oklch(68.84% 0.1167 42.44) 61.3%, oklch(67.25% 0.1241 41.65) 64.5%, oklch(65.57% 0.1299 40.32) 67.7%, oklch(63.69% 0.1345 38.82) 71.0%, oklch(61.62% 0.1379 37.36) 74.2%, oklch(59.40% 0.1397 35.94) 77.4%, oklch(57.08% 0.1396 34.55) 80.6%, oklch(54.72% 0.1372 33.21) 83.9%, oklch(51.99% 0.1308 31.80) 87.1%, oklch(48.99% 0.1214 30.37) 90.3%, oklch(46.05% 0.1109 29.04) 93.5%, oklch(43.52% 0.1014 27.90) 96.8%, oklch(41.73% 0.0951 27.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.058 | 196.2 |
| 2 | 0.516 | 0.05 | 201.5 |
| 3 | 0.697 | 0.022 | 87.3 |
| 4 | 0.724 | 0.083 | 49.3 |
| 5 | 0.661 | 0.128 | 40.8 |
| 6 | 0.551 | 0.138 | 33.4 |
| 7 | 0.417 | 0.095 | 27.1 |

## In these collections

- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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