# Ochre teal and orange palette

The Ochre teal and orange palette brings together gold, teal, and dark blue. 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 dark blue, and its lightest tone is gold.

- Also called: Orange, tan, teal and navy radial gradient
- Seed: `kayH4xaifCVoiSxMpcFwZ9BbWawOlk8GA`
- Page: https://grabient.com/kayH4xaifCVoiSxMpcFwZ9BbWawOlk8GA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: vivid, cool, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 8.2 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 | `#ffa205` | `oklch(78.74% 0.1710 68.91)` | Vivid Orange Peel | black, 10.4 to 1 |
| 2 | `#fea722` | `oklch(79.62% 0.1644 70.41)` | Lush Honeycomb | black, 10.7 to 1 |
| 3 | `#fdaf40` | `oklch(81.02% 0.1510 71.82)` | Safflower | black, 11.3 to 1 |
| 4 | `#f9b857` | `oklch(82.47% 0.1358 74.31)` | Amber Yellow | black, 12 to 1 |
| 5 | `#f3bf67` | `oklch(83.48% 0.1214 79.05)` | Mirabelle Yellow | black, 12.4 to 1 |
| 6 | `#e8c571` | `oklch(83.57% 0.1102 87.21)` | Sun Salutation | black, 12.6 to 1 |
| 7 | `#d4c876` | `oklch(82.39% 0.1033 100.85)` | March Tulip Green | black, 12.2 to 1 |
| 8 | `#b6c87f` | `oklch(80.19% 0.0988 120.20)` | Nurgling Green | black, 11.5 to 1 |
| 9 | `#92c58c` | `oklch(77.39% 0.0961 141.95)` | Picnic | black, 10.6 to 1 |
| 10 | `#71bf9b` | `oklch(74.41% 0.0946 162.72)` | Peppermint Fresh | black, 9.6 to 1 |
| 11 | `#59b7a5` | `oklch(71.66% 0.0939 179.12)` | Shylock | black, 8.7 to 1 |
| 12 | `#4bafa8` | `oklch(69.38% 0.0939 188.65)` | Island Moment | black, 8 to 1 |
| 13 | `#3ea8a6` | `oklch(67.22% 0.0959 193.15)` | Tidal Teal | black, 7.3 to 1 |
| 14 | `#2fa2a2` | `oklch(65.13% 0.0990 194.50)` | Royal Cloak | black, 6.8 to 1 |
| 15 | `#1e9c9c` | `oklch(63.12% 0.1018 194.47)` | Baltic | black, 6.3 to 1 |
| 16 | `#079797` | `oklch(61.18% 0.1034 194.83)` | Intermezzo | black, 5.8 to 1 |
| 17 | `#009093` | `oklch(59.33% 0.1010 196.96)` | Christina Brown | black, 5.4 to 1 |
| 18 | `#008a8f` | `oklch(57.60% 0.0979 199.53)` | India Blue | black, 5 to 1 |
| 19 | `#00848c` | `oklch(55.97% 0.0952 202.11)` | Tucson Teal | black, 4.7 to 1 |
| 20 | `#057f89` | `oklch(54.36% 0.0918 204.62)` | Go Alpha | white, 4.7 to 1 |
| 21 | `#0d7985` | `oklch(52.72% 0.0877 206.97)` | Biscay Bay | white, 5.1 to 1 |
| 22 | `#0f7380` | `oklch(50.99% 0.0845 209.05)` | Night Scape | white, 5.5 to 1 |
| 23 | `#0e6d7b` | `oklch(49.27% 0.0820 210.75)` | Carnival Night | white, 5.9 to 1 |
| 24 | `#0c6876` | `oklch(47.54% 0.0798 212.21)` | Bankson Lake | white, 6.4 to 1 |
| 25 | `#096271` | `oklch(45.74% 0.0777 213.63)` | Blue Lagoon | white, 6.9 to 1 |
| 26 | `#075c6c` | `oklch(43.84% 0.0754 215.23)` | Brave New Teal | white, 7.6 to 1 |
| 27 | `#065666` | `oklch(41.76% 0.0725 217.22)` | Rainy Morning | white, 8.3 to 1 |
| 28 | `#074e5f` | `oklch(39.25% 0.0688 219.87)` | Teal Dark Blue | white, 9.2 to 1 |
| 29 | `#074557` | `oklch(36.42% 0.0644 222.94)` | Crab Nebula | white, 10.4 to 1 |
| 30 | `#073d4f` | `oklch(33.63% 0.0601 226.03)` | Duskwood | white, 11.7 to 1 |
| 31 | `#073647` | `oklch(31.22% 0.0564 228.72)` | Crowberry Blue | white, 12.8 to 1 |
| 32 | `#073142` | `oklch(29.53% 0.0537 230.59)` | Nordic Noir | white, 13.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffa205 0.0%, #fea722 3.2%, #fdaf40 6.5%, #f9b857 9.7%, #f3bf67 12.9%, #e8c571 16.1%, #d4c876 19.4%, #b6c87f 22.6%, #92c58c 25.8%, #71bf9b 29.0%, #59b7a5 32.3%, #4bafa8 35.5%, #3ea8a6 38.7%, #2fa2a2 41.9%, #1e9c9c 45.2%, #079797 48.4%, #009093 51.6%, #008a8f 54.8%, #00848c 58.1%, #057f89 61.3%, #0d7985 64.5%, #0f7380 67.7%, #0e6d7b 71.0%, #0c6876 74.2%, #096271 77.4%, #075c6c 80.6%, #065666 83.9%, #074e5f 87.1%, #074557 90.3%, #073d4f 93.5%, #073647 96.8%, #073142 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.74% 0.1710 68.91) 0.0%, oklch(79.62% 0.1644 70.41) 3.2%, oklch(81.02% 0.1510 71.82) 6.5%, oklch(82.47% 0.1358 74.31) 9.7%, oklch(83.48% 0.1214 79.05) 12.9%, oklch(83.57% 0.1102 87.21) 16.1%, oklch(82.39% 0.1033 100.85) 19.4%, oklch(80.19% 0.0988 120.20) 22.6%, oklch(77.39% 0.0961 141.95) 25.8%, oklch(74.41% 0.0946 162.72) 29.0%, oklch(71.66% 0.0939 179.12) 32.3%, oklch(69.38% 0.0939 188.65) 35.5%, oklch(67.22% 0.0959 193.15) 38.7%, oklch(65.13% 0.0990 194.50) 41.9%, oklch(63.12% 0.1018 194.47) 45.2%, oklch(61.18% 0.1034 194.83) 48.4%, oklch(59.33% 0.1010 196.96) 51.6%, oklch(57.60% 0.0979 199.53) 54.8%, oklch(55.97% 0.0952 202.11) 58.1%, oklch(54.36% 0.0918 204.62) 61.3%, oklch(52.72% 0.0877 206.97) 64.5%, oklch(50.99% 0.0845 209.05) 67.7%, oklch(49.27% 0.0820 210.75) 71.0%, oklch(47.54% 0.0798 212.21) 74.2%, oklch(45.74% 0.0777 213.63) 77.4%, oklch(43.84% 0.0754 215.23) 80.6%, oklch(41.76% 0.0725 217.22) 83.9%, oklch(39.25% 0.0688 219.87) 87.1%, oklch(36.42% 0.0644 222.94) 90.3%, oklch(33.63% 0.0601 226.03) 93.5%, oklch(31.22% 0.0564 228.72) 96.8%, oklch(29.53% 0.0537 230.59) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.174 | 68.9 |
| 2 | 0.835 | 0.109 | 89 |
| 3 | 0.709 | 0.094 | 183 |
| 4 | 0.602 | 0.103 | 195.7 |
| 5 | 0.516 | 0.085 | 208.4 |
| 6 | 0.421 | 0.073 | 216.9 |
| 7 | 0.295 | 0.054 | 230.6 |

## In these collections

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

## Other forms

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