# Navy, burgundy and ochre burnished beech canopy

The Navy, burgundy and ochre burnished beech canopy brings together blue, dark purple, red, orange, and gold. 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 dark purple, and its lightest tone is gold.

- Also called: Tritone navy, dark purple and brown radial gradient
- Seed: `kWWj2-pJlFq-eyREKcN1K5CY`
- Page: https://grabient.com/kWWj2-pJlFq-eyREKcN1K5CY?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: dark to light, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.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 | `#293867` | `oklch(35.43% 0.0841 267.89)` | Blue Depths | white, 11.2 to 1 |
| 2 | `#2b3665` | `oklch(34.79% 0.0826 271.58)` | Blue Depths | white, 11.5 to 1 |
| 3 | `#2d3260` | `oklch(33.80% 0.0805 276.28)` | Galaxea | white, 12 to 1 |
| 4 | `#2f2e5b` | `oklch(32.62% 0.0779 281.86)` | Galaxea | white, 12.6 to 1 |
| 5 | `#302a55` | `oklch(31.39% 0.0752 288.20)` | Purple Noir | white, 13.2 to 1 |
| 6 | `#32264f` | `oklch(30.25% 0.0727 295.17)` | Parachute Purple | white, 13.8 to 1 |
| 7 | `#332249` | `oklch(29.34% 0.0706 302.63)` | Power Outage | white, 14.2 to 1 |
| 8 | `#362044` | `oklch(28.81% 0.0692 310.47)` | Power Outage | white, 14.5 to 1 |
| 9 | `#391e40` | `oklch(28.78% 0.0689 318.58)` | Power Outage | white, 14.6 to 1 |
| 10 | `#3e1e3d` | `oklch(29.18% 0.0695 327.84)` | Profound Mauve | white, 14.4 to 1 |
| 11 | `#441e3a` | `oklch(29.91% 0.0706 338.23)` | Juice Violet | white, 14.1 to 1 |
| 12 | `#4a1f36` | `oklch(30.91% 0.0723 349.26)` | Chilli Black Red | white, 13.6 to 1 |
| 13 | `#512131` | `oklch(32.12% 0.0745 0.44)` | Largest Black Slug | white, 13 to 1 |
| 14 | `#57232d` | `oklch(33.51% 0.0770 11.27)` | Carambar | white, 12.4 to 1 |
| 15 | `#5d2728` | `oklch(35.02% 0.0797 21.28)` | Ebicha Brown | white, 11.7 to 1 |
| 16 | `#632b23` | `oklch(36.60% 0.0826 29.95)` | Chestnut Leather | white, 11 to 1 |
| 17 | `#693020` | `oklch(38.24% 0.0856 36.91)` | Hereford Cow Brown | white, 10.2 to 1 |
| 18 | `#6f351d` | `oklch(40.10% 0.0892 42.49)` | Rosewood Brown | white, 9.5 to 1 |
| 19 | `#763b1b` | `oklch(42.17% 0.0933 47.01)` | Kara Cha Brown | white, 8.7 to 1 |
| 20 | `#7d411a` | `oklch(44.36% 0.0977 50.71)` | Walnut | white, 7.9 to 1 |
| 21 | `#854718` | `oklch(46.61% 0.1021 53.85)` | Sis Kebab | white, 7.1 to 1 |
| 22 | `#8c4e17` | `oklch(48.86% 0.1064 56.68)` | Plane Brown | white, 6.5 to 1 |
| 23 | `#935416` | `oklch(51.04% 0.1103 59.46)` | Mochaccino | white, 5.9 to 1 |
| 24 | `#995b14` | `oklch(53.07% 0.1137 62.43)` | Sepia Wash | white, 5.4 to 1 |
| 25 | `#9f6112` | `oklch(54.98% 0.1163 65.70)` | Soft Tone Ink | white, 5 to 1 |
| 26 | `#a46811` | `oklch(56.95% 0.1186 68.99)` | Syrah Soil | white, 4.5 to 1 |
| 27 | `#a86f12` | `oklch(58.91% 0.1206 72.22)` | Buckthorn Brown | black, 4.9 to 1 |
| 28 | `#ad7615` | `oklch(60.82% 0.1223 75.28)` | Falafel | black, 5.3 to 1 |
| 29 | `#b07d18` | `oklch(62.60% 0.1237 78.11)` | Golden Brown | black, 5.8 to 1 |
| 30 | `#b3831b` | `oklch(64.18% 0.1249 80.62)` | Arrowwood | black, 6.1 to 1 |
| 31 | `#b6881f` | `oklch(65.52% 0.1259 82.74)` | University of California Gold | black, 6.5 to 1 |
| 32 | `#b88c21` | `oklch(66.54% 0.1268 84.37)` | Loden Yellow | black, 6.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #293867 0.0%, #2b3665 3.2%, #2d3260 6.5%, #2f2e5b 9.7%, #302a55 12.9%, #32264f 16.1%, #332249 19.4%, #362044 22.6%, #391e40 25.8%, #3e1e3d 29.0%, #441e3a 32.3%, #4a1f36 35.5%, #512131 38.7%, #57232d 41.9%, #5d2728 45.2%, #632b23 48.4%, #693020 51.6%, #6f351d 54.8%, #763b1b 58.1%, #7d411a 61.3%, #854718 64.5%, #8c4e17 67.7%, #935416 71.0%, #995b14 74.2%, #9f6112 77.4%, #a46811 80.6%, #a86f12 83.9%, #ad7615 87.1%, #b07d18 90.3%, #b3831b 93.5%, #b6881f 96.8%, #b88c21 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(35.43% 0.0841 267.89) 0.0%, oklch(34.79% 0.0826 271.58) 3.2%, oklch(33.80% 0.0805 276.28) 6.5%, oklch(32.62% 0.0779 281.86) 9.7%, oklch(31.39% 0.0752 288.20) 12.9%, oklch(30.25% 0.0727 295.17) 16.1%, oklch(29.34% 0.0706 302.63) 19.4%, oklch(28.81% 0.0692 310.47) 22.6%, oklch(28.78% 0.0689 318.58) 25.8%, oklch(29.18% 0.0695 327.84) 29.0%, oklch(29.91% 0.0706 338.23) 32.3%, oklch(30.91% 0.0723 349.26) 35.5%, oklch(32.12% 0.0745 0.44) 38.7%, oklch(33.51% 0.0770 11.27) 41.9%, oklch(35.02% 0.0797 21.28) 45.2%, oklch(36.60% 0.0826 29.95) 48.4%, oklch(38.24% 0.0856 36.91) 51.6%, oklch(40.10% 0.0892 42.49) 54.8%, oklch(42.17% 0.0933 47.01) 58.1%, oklch(44.36% 0.0977 50.71) 61.3%, oklch(46.61% 0.1021 53.85) 64.5%, oklch(48.86% 0.1064 56.68) 67.7%, oklch(51.04% 0.1103 59.46) 71.0%, oklch(53.07% 0.1137 62.43) 74.2%, oklch(54.98% 0.1163 65.70) 77.4%, oklch(56.95% 0.1186 68.99) 80.6%, oklch(58.91% 0.1206 72.22) 83.9%, oklch(60.82% 0.1223 75.28) 87.1%, oklch(62.60% 0.1237 78.11) 90.3%, oklch(64.18% 0.1249 80.62) 93.5%, oklch(65.52% 0.1259 82.74) 96.8%, oklch(66.54% 0.1268 84.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.084 | 267.9 |
| 2 | 0.287 | 0.069 | 316.5 |
| 3 | 0.374 | 0.084 | 393.6 |
| 4 | 0.535 | 0.114 | 423.2 |
| 5 | 0.665 | 0.127 | 444.4 |

## In these collections

- [Burnished beech canopy](https://grabient.com/burnished-beech-canopy)

## Other forms

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