# Emerald, bronze and navy color palette

The Emerald, bronze and navy color palette brings together green, yellow, orange, dark red, and dark blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark blue, and its lightest tone is yellow.

- Also called: Triadic green, brown and navy radial swatches
- Seed: `kYjkVsSqQ7UImOmwJ70HBU7ZuUM0`
- Page: https://grabient.com/kYjkVsSqQ7UImOmwJ70HBU7ZuUM0?style=radialSwatches&steps=6&angle=45
- Drawn as: radial swatches, 6 steps, 45 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 4.3 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 | `#458458` | `oklch(55.91% 0.0951 151.87)` | Kilkenny | black, 4.6 to 1 |
| 2 | `#7d8237` | `oklch(58.66% 0.0992 112.78)` | Majorca Green | black, 5.1 to 1 |
| 3 | `#915b18` | `oklch(51.97% 0.1047 66.28)` | Afghan Carpet | white, 5.6 to 1 |
| 4 | `#6f2806` | `oklch(37.80% 0.1089 41.97)` | Moussaka | white, 10.5 to 1 |
| 5 | `#300d18` | `oklch(22.05% 0.0579 3.93)` | Dark Danger | white, 17.5 to 1 |
| 6 | `#081a33` | `oklch(21.65% 0.0551 257.20)` | Naval Night | white, 17.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #458458 0.000% 16.667%, #7d8237 16.667% 33.333%, #915b18 33.333% 50.000%, #6f2806 50.000% 66.667%, #300d18 66.667% 83.333%, #081a33 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(55.91% 0.0951 151.87) 0.000% 16.667%, oklch(58.66% 0.0992 112.78) 16.667% 33.333%, oklch(51.97% 0.1047 66.28) 33.333% 50.000%, oklch(37.80% 0.1089 41.97) 50.000% 66.667%, oklch(22.05% 0.0579 3.93) 66.667% 83.333%, oklch(21.65% 0.0551 257.20) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.095 | 151.9 |
| 2 | 0.587 | 0.099 | 112.8 |
| 3 | 0.52 | 0.105 | 66.3 |
| 4 | 0.378 | 0.109 | 42 |
| 5 | 0.22 | 0.058 | 3.9 |
| 6 | 0.217 | 0.055 | -102.8 |

## In these collections

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

## Other forms

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