# Terracotta ochre and slate blue sweep

Black, brown, orange and teal angular gradient with 64 colors: #211c1a, #241d1a, #271e1b, #2a1f1b, #2e201b, #33211b, #37221b, #3c231c, #41241d, #47251d, #4c261e, #52261f, #572721, #5c2822, #622924, #662a25, #6b2c27, #702d28, #742e29, #79302b, #7e322c, #83332e, #87352f, #8c3730, #913932, #953b33, #9a3e34, #9e4034, #a34235, #a74536, #ab4836, #af4b37, #b34d37, #b75139, #bb543b, #c0583e, #c55c41, #ca6045, #cf6548, #d3694c, #d76d4e, #da7150, #dd7550, #df794f, #df7c4d, #de8049, #db8344, #d6853d, #cf8835, #c38a2d, #b48b28, #a28c2a, #8e8c31, #778a3c, #608747, #498252, #337b5b, #1f7462, #126c66, #0e6468, #135c67, #1a5566, #1f4f64, #224b61. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Black, brown, orange and teal angular gradient
- Seed: `kWOwYesCE-EUxwLXr8MshXUg`
- Page: https://grabient.com/kWOwYesCE-EUxwLXr8MshXUg?style=angularGradient&steps=64&angle=315
- Drawn as: angular gradient, 64 steps, 315 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.8 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 | `#211c1a` | `oklch(23.23% 0.0083 42.89)` | Dynamic Black | white, 16.8 to 1 |
| 2 | `#241d1a` | `oklch(23.74% 0.0113 42.28)` | Dark Orchestra | white, 16.6 to 1 |
| 3 | `#271e1b` | `oklch(24.36% 0.0150 41.49)` | Velvet Black | white, 16.3 to 1 |
| 4 | `#2a1f1b` | `oklch(25.06% 0.0194 40.53)` | Weathervane | white, 16 to 1 |
| 5 | `#2e201b` | `oklch(25.85% 0.0243 39.45)` | Kenpōzome Black | white, 15.7 to 1 |
| 6 | `#33211b` | `oklch(26.71% 0.0297 38.27)` | Scorched | white, 15.3 to 1 |
| 7 | `#37221b` | `oklch(27.63% 0.0354 37.01)` | Wetlands Swamp | white, 14.9 to 1 |
| 8 | `#3c231c` | `oklch(28.60% 0.0414 35.72)` | Brown Pod | white, 14.5 to 1 |
| 9 | `#41241d` | `oklch(29.61% 0.0475 34.41)` | Longan’s Kernel | white, 14 to 1 |
| 10 | `#47251d` | `oklch(30.65% 0.0538 33.11)` | Wild Brown | white, 13.6 to 1 |
| 11 | `#4c261e` | `oklch(31.72% 0.0600 31.86)` | Torrefacto Roast | white, 13.1 to 1 |
| 12 | `#52261f` | `oklch(32.79% 0.0661 30.69)` | Bitter Chocolate | white, 12.6 to 1 |
| 13 | `#572721` | `oklch(33.88% 0.0720 29.62)` | Caput Mortuum | white, 12.1 to 1 |
| 14 | `#5c2822` | `oklch(34.95% 0.0777 28.69)` | Ebicha Brown | white, 11.7 to 1 |
| 15 | `#622924` | `oklch(36.01% 0.0829 27.91)` | Chestnut Leather | white, 11.2 to 1 |
| 16 | `#662a25` | `oklch(37.04% 0.0877 27.33)` | Devil’s Lip | white, 10.8 to 1 |
| 17 | `#6b2c27` | `oklch(38.04% 0.0920 26.97)` | Woody Brown | white, 10.4 to 1 |
| 18 | `#702d28` | `oklch(39.05% 0.0960 26.73)` | Woody Brown | white, 10 to 1 |
| 19 | `#742e29` | `oklch(40.07% 0.0998 26.60)` | Auburn | white, 9.6 to 1 |
| 20 | `#79302b` | `oklch(41.11% 0.1036 26.55)` | Strong Envy | white, 9.2 to 1 |
| 21 | `#7e322c` | `oklch(42.17% 0.1072 26.59)` | Dockside Red | white, 8.8 to 1 |
| 22 | `#83332e` | `oklch(43.23% 0.1107 26.73)` | Dockside Red | white, 8.4 to 1 |
| 23 | `#87352f` | `oklch(44.31% 0.1141 26.95)` | Crabapple | white, 8.1 to 1 |
| 24 | `#8c3730` | `oklch(45.39% 0.1173 27.26)` | Decadent Red | white, 7.7 to 1 |
| 25 | `#913932` | `oklch(46.47% 0.1203 27.66)` | Thunderbird | white, 7.4 to 1 |
| 26 | `#953b33` | `oklch(47.55% 0.1231 28.15)` | Vermilion Seabass | white, 7 to 1 |
| 27 | `#9a3e34` | `oklch(48.62% 0.1258 28.72)` | Barrel Sponge | white, 6.7 to 1 |
| 28 | `#9e4034` | `oklch(49.69% 0.1282 29.38)` | Rusty Heart | white, 6.4 to 1 |
| 29 | `#a34235` | `oklch(50.75% 0.1305 30.12)` | Cherry Race | white, 6.1 to 1 |
| 30 | `#a74536` | `oklch(51.80% 0.1325 30.95)` | Barbarossa | white, 5.9 to 1 |
| 31 | `#ab4836` | `oklch(52.82% 0.1342 31.86)` | Rambutan | white, 5.6 to 1 |
| 32 | `#af4b37` | `oklch(53.83% 0.1358 32.85)` | Spiced Up | white, 5.4 to 1 |
| 33 | `#b34d37` | `oklch(54.84% 0.1370 33.87)` | Hearty Orange | white, 5.2 to 1 |
| 34 | `#b75139` | `oklch(55.98% 0.1382 34.57)` | Hot Chilli | white, 4.9 to 1 |
| 35 | `#bb543b` | `oklch(57.22% 0.1391 35.00)` | Orange Vermillion | white, 4.7 to 1 |
| 36 | `#c0583e` | `oklch(58.55% 0.1399 35.24)` | Tartare | black, 4.7 to 1 |
| 37 | `#c55c41` | `oklch(59.92% 0.1405 35.41)` | Cold Brew Tonic | black, 4.9 to 1 |
| 38 | `#ca6045` | `oklch(61.31% 0.1409 35.58)` | Arabesque | black, 5.2 to 1 |
| 39 | `#cf6548` | `oklch(62.69% 0.1411 35.87)` | Enshūcha Red | black, 5.5 to 1 |
| 40 | `#d3694c` | `oklch(64.01% 0.1411 36.36)` | Citrus Notes | black, 5.8 to 1 |
| 41 | `#d76d4e` | `oklch(65.26% 0.1408 37.15)` | Bonfire Night | black, 6.1 to 1 |
| 42 | `#da7150` | `oklch(66.39% 0.1403 38.35)` | Dusty Orange | black, 6.4 to 1 |
| 43 | `#dd7550` | `oklch(67.38% 0.1395 40.03)` | Peachy Scene | black, 6.7 to 1 |
| 44 | `#df794f` | `oklch(68.19% 0.1385 42.31)` | Peachy Scene | black, 6.9 to 1 |
| 45 | `#df7c4d` | `oklch(68.79% 0.1372 45.28)` | Jaffa | black, 7.1 to 1 |
| 46 | `#de8049` | `oklch(69.15% 0.1356 49.04)` | Seraphim Sepia | black, 7.2 to 1 |
| 47 | `#db8344` | `oklch(69.23% 0.1337 53.67)` | Seraphim Sepia | black, 7.3 to 1 |
| 48 | `#d6853d` | `oklch(69.01% 0.1315 59.29)` | Mexican Spirit | black, 7.3 to 1 |
| 49 | `#cf8835` | `oklch(68.41% 0.1288 66.17)` | Brown Beige | black, 7.1 to 1 |
| 50 | `#c38a2d` | `oklch(67.39% 0.1255 74.74)` | Butter Base | black, 6.9 to 1 |
| 51 | `#b48b28` | `oklch(65.99% 0.1214 84.76)` | Mineral Umber | black, 6.6 to 1 |
| 52 | `#a28c2a` | `oklch(64.28% 0.1169 95.99)` | Faint Green | black, 6.3 to 1 |
| 53 | `#8e8c31` | `oklch(62.30% 0.1119 108.18)` | Golden Lime | black, 5.9 to 1 |
| 54 | `#778a3c` | `oklch(60.11% 0.1066 121.08)` | Pesto di Rucola | black, 5.4 to 1 |
| 55 | `#608747` | `oklch(57.78% 0.1011 134.46)` | Beatnik | black, 5 to 1 |
| 56 | `#498252` | `oklch(55.35% 0.0954 148.05)` | Kilkenny | black, 4.5 to 1 |
| 57 | `#337b5b` | `oklch(52.89% 0.0898 161.62)` | Amazon | white, 5 to 1 |
| 58 | `#1f7462` | `oklch(50.44% 0.0843 174.92)` | Northern Hemisphere | white, 5.6 to 1 |
| 59 | `#126c66` | `oklch(48.08% 0.0790 187.71)` | Green Dragon | white, 6.2 to 1 |
| 60 | `#0e6468` | `oklch(45.84% 0.0740 199.73)` | Caribbean Swim | white, 6.9 to 1 |
| 61 | `#135c67` | `oklch(43.80% 0.0694 210.73)` | Tropical Skies | white, 7.6 to 1 |
| 62 | `#1a5566` | `oklch(42.00% 0.0653 220.48)` | Plunge | white, 8.2 to 1 |
| 63 | `#1f4f64` | `oklch(40.51% 0.0619 228.73)` | Seafarer | white, 8.8 to 1 |
| 64 | `#224b61` | `oklch(39.37% 0.0593 235.22)` | Arapawa | white, 9.3 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #211c1a 0.0%, #241d1a 1.6%, #271e1b 3.2%, #2a1f1b 4.8%, #2e201b 6.3%, #33211b 7.9%, #37221b 9.5%, #3c231c 11.1%, #41241d 12.7%, #47251d 14.3%, #4c261e 15.9%, #52261f 17.5%, #572721 19.0%, #5c2822 20.6%, #622924 22.2%, #662a25 23.8%, #6b2c27 25.4%, #702d28 27.0%, #742e29 28.6%, #79302b 30.2%, #7e322c 31.7%, #83332e 33.3%, #87352f 34.9%, #8c3730 36.5%, #913932 38.1%, #953b33 39.7%, #9a3e34 41.3%, #9e4034 42.9%, #a34235 44.4%, #a74536 46.0%, #ab4836 47.6%, #af4b37 49.2%, #b34d37 50.8%, #b75139 52.4%, #bb543b 54.0%, #c0583e 55.6%, #c55c41 57.1%, #ca6045 58.7%, #cf6548 60.3%, #d3694c 61.9%, #d76d4e 63.5%, #da7150 65.1%, #dd7550 66.7%, #df794f 68.3%, #df7c4d 69.8%, #de8049 71.4%, #db8344 73.0%, #d6853d 74.6%, #cf8835 76.2%, #c38a2d 77.8%, #b48b28 79.4%, #a28c2a 81.0%, #8e8c31 82.5%, #778a3c 84.1%, #608747 85.7%, #498252 87.3%, #337b5b 88.9%, #1f7462 90.5%, #126c66 92.1%, #0e6468 93.7%, #135c67 95.2%, #1a5566 96.8%, #1f4f64 98.4%, #224b61 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(23.23% 0.0083 42.89) 0.0%, oklch(23.74% 0.0113 42.28) 1.6%, oklch(24.36% 0.0150 41.49) 3.2%, oklch(25.06% 0.0194 40.53) 4.8%, oklch(25.85% 0.0243 39.45) 6.3%, oklch(26.71% 0.0297 38.27) 7.9%, oklch(27.63% 0.0354 37.01) 9.5%, oklch(28.60% 0.0414 35.72) 11.1%, oklch(29.61% 0.0475 34.41) 12.7%, oklch(30.65% 0.0538 33.11) 14.3%, oklch(31.72% 0.0600 31.86) 15.9%, oklch(32.79% 0.0661 30.69) 17.5%, oklch(33.88% 0.0720 29.62) 19.0%, oklch(34.95% 0.0777 28.69) 20.6%, oklch(36.01% 0.0829 27.91) 22.2%, oklch(37.04% 0.0877 27.33) 23.8%, oklch(38.04% 0.0920 26.97) 25.4%, oklch(39.05% 0.0960 26.73) 27.0%, oklch(40.07% 0.0998 26.60) 28.6%, oklch(41.11% 0.1036 26.55) 30.2%, oklch(42.17% 0.1072 26.59) 31.7%, oklch(43.23% 0.1107 26.73) 33.3%, oklch(44.31% 0.1141 26.95) 34.9%, oklch(45.39% 0.1173 27.26) 36.5%, oklch(46.47% 0.1203 27.66) 38.1%, oklch(47.55% 0.1231 28.15) 39.7%, oklch(48.62% 0.1258 28.72) 41.3%, oklch(49.69% 0.1282 29.38) 42.9%, oklch(50.75% 0.1305 30.12) 44.4%, oklch(51.80% 0.1325 30.95) 46.0%, oklch(52.82% 0.1342 31.86) 47.6%, oklch(53.83% 0.1358 32.85) 49.2%, oklch(54.84% 0.1370 33.87) 50.8%, oklch(55.98% 0.1382 34.57) 52.4%, oklch(57.22% 0.1391 35.00) 54.0%, oklch(58.55% 0.1399 35.24) 55.6%, oklch(59.92% 0.1405 35.41) 57.1%, oklch(61.31% 0.1409 35.58) 58.7%, oklch(62.69% 0.1411 35.87) 60.3%, oklch(64.01% 0.1411 36.36) 61.9%, oklch(65.26% 0.1408 37.15) 63.5%, oklch(66.39% 0.1403 38.35) 65.1%, oklch(67.38% 0.1395 40.03) 66.7%, oklch(68.19% 0.1385 42.31) 68.3%, oklch(68.79% 0.1372 45.28) 69.8%, oklch(69.15% 0.1356 49.04) 71.4%, oklch(69.23% 0.1337 53.67) 73.0%, oklch(69.01% 0.1315 59.29) 74.6%, oklch(68.41% 0.1288 66.17) 76.2%, oklch(67.39% 0.1255 74.74) 77.8%, oklch(65.99% 0.1214 84.76) 79.4%, oklch(64.28% 0.1169 95.99) 81.0%, oklch(62.30% 0.1119 108.18) 82.5%, oklch(60.11% 0.1066 121.08) 84.1%, oklch(57.78% 0.1011 134.46) 85.7%, oklch(55.35% 0.0954 148.05) 87.3%, oklch(52.89% 0.0898 161.62) 88.9%, oklch(50.44% 0.0843 174.92) 90.5%, oklch(48.08% 0.0790 187.71) 92.1%, oklch(45.84% 0.0740 199.73) 93.7%, oklch(43.80% 0.0694 210.73) 95.2%, oklch(42.00% 0.0653 220.48) 96.8%, oklch(40.51% 0.0619 228.73) 98.4%, oklch(39.37% 0.0593 235.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.008 | 42.9 |
| 2 | 0.378 | 0.091 | 27 |
| 3 | 0.543 | 0.136 | 33.4 |
| 4 | 0.689 | 0.131 | 60.9 |
| 5 | 0.394 | 0.059 | 235.2 |

## In these collections

- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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