# Brass and Olive Rings

The Bronze and gold analogous palette brings together orange, gold, light yellow, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is orange, and its lightest tone is light yellow.

- Also called: Analogous brown, tan and green radial swatches
- Seed: `kUZ0Iu5iLCm4bwo6MMLA`
- Page: https://grabient.com/kUZ0Iu5iLCm4bwo6MMLA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#6a3d00` | `oklch(40.55% 0.0908 65.30)` | Bestial Brown | white, 9.2 to 1 |
| 2 | `#d9bb75` | `oklch(80.31% 0.0951 87.58)` | Brass Nail | black, 11.3 to 1 |
| 3 | `#d6d89e` | `oklch(86.61% 0.0758 109.77)` | Crocodile Tears | black, 14.1 to 1 |
| 4 | `#356600` | `oklch(45.67% 0.1313 134.10)` | Keen Green | white, 6.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #6a3d00 0.000% 25.000%, #d9bb75 25.000% 50.000%, #d6d89e 50.000% 75.000%, #356600 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(40.55% 0.0908 65.30) 0.000% 25.000%, oklch(80.31% 0.0951 87.58) 25.000% 50.000%, oklch(86.61% 0.0758 109.77) 50.000% 75.000%, oklch(45.67% 0.1313 134.10) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.406 | 0.091 | 65.4 |
| 2 | 0.803 | 0.095 | 87.6 |
| 3 | 0.866 | 0.076 | 109.8 |
| 4 | 0.457 | 0.134 | 134.1 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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