# Color Palette: Terracotta and dusty blue

The "Color Palette: Terracotta and dusty blue" palette brings together orange, red, gray, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is orange.

- Also called: Complementary tan, gray and navy radial gradient
- Seed: `kasEUgzBi-kGHu86ibHNRI-a6TP6oEUAA`
- Page: https://grabient.com/kasEUgzBi-kGHu86ibHNRI-a6TP6oEUAA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.5 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 | `#ce896a` | `oklch(69.29% 0.0951 45.70)` | Subdued Sienna | black, 7.4 to 1 |
| 2 | `#c88669` | `oklch(68.04% 0.0918 44.54)` | Cabana Melon | black, 7 to 1 |
| 3 | `#c18167` | `oklch(66.27% 0.0873 43.12)` | Kitchen Terra Cotta | black, 6.6 to 1 |
| 4 | `#b87c66` | `oklch(64.20% 0.0818 41.19)` | Happy Trails | black, 6.1 to 1 |
| 5 | `#ae7765` | `oklch(62.08% 0.0756 38.51)` | Sawshark | black, 5.6 to 1 |
| 6 | `#a57265` | `oklch(60.13% 0.0687 34.81)` | Blast-Off Bronze | black, 5.1 to 1 |
| 7 | `#9c6e66` | `oklch(58.41% 0.0605 30.70)` | Reddened Earth | black, 4.8 to 1 |
| 8 | `#926c67` | `oklch(56.71% 0.0502 26.86)` | Clay Ridge | white, 4.6 to 1 |
| 9 | `#876967` | `oklch(55.06% 0.0394 22.00)` | Ferra | white, 4.9 to 1 |
| 10 | `#7d6768` | `oklch(53.48% 0.0295 14.78)` | Zanzibar | white, 5.2 to 1 |
| 11 | `#756467` | `oklch(52.03% 0.0223 3.89)` | Paradise Grape | white, 5.5 to 1 |
| 12 | `#6e6167` | `oklch(50.72% 0.0187 347.16)` | Grape Grey | white, 5.8 to 1 |
| 13 | `#675f68` | `oklch(49.55% 0.0179 323.18)` | Excalibur | white, 6.1 to 1 |
| 14 | `#605d69` | `oklch(48.49% 0.0192 295.80)` | Smoky | white, 6.4 to 1 |
| 15 | `#575c69` | `oklch(47.49% 0.0217 269.19)` | Evening East | white, 6.6 to 1 |
| 16 | `#4f5b67` | `oklch(46.54% 0.0247 247.49)` | Shot Over | white, 6.9 to 1 |
| 17 | `#485a64` | `oklch(45.60% 0.0278 234.31)` | Fiord | white, 7.1 to 1 |
| 18 | `#425863` | `oklch(44.74% 0.0323 227.99)` | Steiglitz Fog | white, 7.4 to 1 |
| 19 | `#3c5762` | `oklch(43.94% 0.0376 226.14)` | Great Void | white, 7.6 to 1 |
| 20 | `#365563` | `oklch(43.15% 0.0429 226.66)` | Opera Glasses | white, 7.9 to 1 |
| 21 | `#305362` | `oklch(42.32% 0.0475 227.46)` | Marea Baja | white, 8.2 to 1 |
| 22 | `#2b5161` | `oklch(41.42% 0.0504 226.67)` | Shadow of Night | white, 8.5 to 1 |
| 23 | `#274f5e` | `oklch(40.47% 0.0520 225.74)` | Rugged Teal | white, 8.8 to 1 |
| 24 | `#234c5c` | `oklch(39.47% 0.0527 225.26)` | Rugged Teal | white, 9.2 to 1 |
| 25 | `#204959` | `oklch(38.46% 0.0528 225.09)` | Ethereal Dance | white, 9.6 to 1 |
| 26 | `#1d4756` | `oklch(37.45% 0.0526 225.04)` | Moscow Midnight | white, 10 to 1 |
| 27 | `#1b4453` | `oklch(36.45% 0.0523 224.99)` | Blue Syzygy | white, 10.5 to 1 |
| 28 | `#184150` | `oklch(35.36% 0.0516 225.04)` | Cold and Dark | white, 10.9 to 1 |
| 29 | `#173e4c` | `oklch(34.21% 0.0504 225.27)` | Subterranean River | white, 11.5 to 1 |
| 30 | `#153b49` | `oklch(33.11% 0.0490 225.58)` | Subterranean River | white, 12 to 1 |
| 31 | `#143846` | `oklch(32.16% 0.0477 225.87)` | Into the Night | white, 12.4 to 1 |
| 32 | `#133644` | `oklch(31.50% 0.0469 226.06)` | Firmament Blue | white, 12.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ce896a 0.0%, #c88669 3.2%, #c18167 6.5%, #b87c66 9.7%, #ae7765 12.9%, #a57265 16.1%, #9c6e66 19.4%, #926c67 22.6%, #876967 25.8%, #7d6768 29.0%, #756467 32.3%, #6e6167 35.5%, #675f68 38.7%, #605d69 41.9%, #575c69 45.2%, #4f5b67 48.4%, #485a64 51.6%, #425863 54.8%, #3c5762 58.1%, #365563 61.3%, #305362 64.5%, #2b5161 67.7%, #274f5e 71.0%, #234c5c 74.2%, #204959 77.4%, #1d4756 80.6%, #1b4453 83.9%, #184150 87.1%, #173e4c 90.3%, #153b49 93.5%, #143846 96.8%, #133644 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(69.29% 0.0951 45.70) 0.0%, oklch(68.04% 0.0918 44.54) 3.2%, oklch(66.27% 0.0873 43.12) 6.5%, oklch(64.20% 0.0818 41.19) 9.7%, oklch(62.08% 0.0756 38.51) 12.9%, oklch(60.13% 0.0687 34.81) 16.1%, oklch(58.41% 0.0605 30.70) 19.4%, oklch(56.71% 0.0502 26.86) 22.6%, oklch(55.06% 0.0394 22.00) 25.8%, oklch(53.48% 0.0295 14.78) 29.0%, oklch(52.03% 0.0223 3.89) 32.3%, oklch(50.72% 0.0187 347.16) 35.5%, oklch(49.55% 0.0179 323.18) 38.7%, oklch(48.49% 0.0192 295.80) 41.9%, oklch(47.49% 0.0217 269.19) 45.2%, oklch(46.54% 0.0247 247.49) 48.4%, oklch(45.60% 0.0278 234.31) 51.6%, oklch(44.74% 0.0323 227.99) 54.8%, oklch(43.94% 0.0376 226.14) 58.1%, oklch(43.15% 0.0429 226.66) 61.3%, oklch(42.32% 0.0475 227.46) 64.5%, oklch(41.42% 0.0504 226.67) 67.7%, oklch(40.47% 0.0520 225.74) 71.0%, oklch(39.47% 0.0527 225.26) 74.2%, oklch(38.46% 0.0528 225.09) 77.4%, oklch(37.45% 0.0526 225.04) 80.6%, oklch(36.45% 0.0523 224.99) 83.9%, oklch(35.36% 0.0516 225.04) 87.1%, oklch(34.21% 0.0504 225.27) 90.3%, oklch(33.11% 0.0490 225.58) 93.5%, oklch(32.16% 0.0477 225.87) 96.8%, oklch(31.50% 0.0469 226.06) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.095 | 45.7 |
| 2 | 0.598 | 0.068 | 34.1 |
| 3 | 0.516 | 0.021 | -0.8 |
| 4 | 0.461 | 0.026 | -120.2 |
| 5 | 0.417 | 0.05 | -132.9 |
| 6 | 0.366 | 0.052 | -135 |
| 7 | 0.315 | 0.047 | -133.9 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)
- [Sunrise gradients](https://grabient.com/sunrise-gradients)
- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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