# Bronze and deep teal color palette

The Bronze and deep teal color palette brings together orange, red, light green, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is orange, and its lightest tone is light green.

- Also called: Brown, peach and teal angular swatches
- Seed: `kYTigctKE_kgzwNZKcCZRdNs2oww`
- Page: https://grabient.com/kYTigctKE_kgzwNZKcCZRdNs2oww?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.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 | `#472519` | `oklch(30.71% 0.0551 40.08)` | Wild Brown | white, 13.5 to 1 |
| 2 | `#743725` | `oklch(41.34% 0.0909 36.91)` | Mocha Glow | white, 9 to 1 |
| 3 | `#b85524` | `oklch(56.69% 0.1419 44.31)` | Roland-Garros | white, 4.7 to 1 |
| 4 | `#d8885c` | `oklch(70.08% 0.1144 49.59)` | Late Bloomer | black, 7.6 to 1 |
| 5 | `#96cab3` | `oklch(79.53% 0.0634 165.83)` | Mint Ice Cream | black, 11.3 to 1 |
| 6 | `#009794` | `oklch(61.03% 0.1047 192.25)` | Intermezzo | black, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #472519 0.000% 16.667%, #743725 16.667% 33.333%, #b85524 33.333% 50.000%, #d8885c 50.000% 66.667%, #96cab3 66.667% 83.333%, #009794 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(30.71% 0.0551 40.08) 0.000% 16.667%, oklch(41.34% 0.0909 36.91) 16.667% 33.333%, oklch(56.69% 0.1419 44.31) 33.333% 50.000%, oklch(70.08% 0.1144 49.59) 50.000% 66.667%, oklch(79.53% 0.0634 165.83) 66.667% 83.333%, oklch(61.03% 0.1047 192.25) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.307 | 0.055 | 40.1 |
| 2 | 0.413 | 0.091 | 36.9 |
| 3 | 0.567 | 0.142 | 44.3 |
| 4 | 0.701 | 0.114 | 49.6 |
| 5 | 0.795 | 0.063 | 165.8 |
| 6 | 0.61 | 0.112 | 192.3 |

## In these collections

- [Teal and orange swatches](https://grabient.com/teal-and-orange-swatches)
- [Desert swatches](https://grabient.com/desert-swatches)
- [Copper](https://grabient.com/copper)
- [Teal and orange](https://grabient.com/teal-and-orange)

## Other forms

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