# Deep cyan, bronze and sage dark muted

The Deep cyan, bronze and sage dark muted brings together teal, gray, orange, red, and green. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is red.

- Also called: Tritone navy, brown and dark green linear swatches
- Seed: `kaUyacMAS2LWWOA5GD4uZM8jUOxIuEseA`
- Page: https://grabient.com/kaUyacMAS2LWWOA5GD4uZM8jUOxIuEseA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 1.6 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 | `#0c3b47` | `oklch(32.68% 0.0524 219.37)` | Ghostlands Coal | white, 12.1 to 1 |
| 2 | `#29403c` | `oklch(34.97% 0.0294 182.32)` | Pine Grove | white, 11.1 to 1 |
| 3 | `#3f433d` | `oklch(37.80% 0.0124 136.95)` | Balsamic Reduction | white, 10 to 1 |
| 4 | `#4c4933` | `oklch(40.11% 0.0337 99.43)` | Olive Leaf | white, 9.1 to 1 |
| 5 | `#634726` | `oklch(42.13% 0.0606 70.37)` | Florida’s Alligator | white, 8.5 to 1 |
| 6 | `#6d4929` | `oklch(43.75% 0.0673 60.60)` | Pickled Bean | white, 7.9 to 1 |
| 7 | `#714b30` | `oklch(44.88% 0.0661 55.58)` | Taj | white, 7.6 to 1 |
| 8 | `#744b3e` | `oklch(45.47% 0.0604 37.94)` | Tiramisu | white, 7.4 to 1 |
| 9 | `#704b46` | `oklch(45.28% 0.0524 27.05)` | Fireside | white, 7.5 to 1 |
| 10 | `#684a3f` | `oklch(43.87% 0.0446 40.78)` | Spanish Mustang | white, 7.9 to 1 |
| 11 | `#5c4835` | `oklch(41.73% 0.0400 66.15)` | Mousy Brown | white, 8.6 to 1 |
| 12 | `#494528` | `oklch(38.75% 0.0447 100.82)` | Tin Bitz | white, 9.6 to 1 |
| 13 | `#344326` | `oklch(36.22% 0.0510 130.61)` | Ceylanite | white, 10.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0c3b47 0.000% 7.692%, #29403c 7.692% 15.385%, #3f433d 15.385% 23.077%, #4c4933 23.077% 30.769%, #634726 30.769% 38.462%, #6d4929 38.462% 46.154%, #714b30 46.154% 53.846%, #744b3e 53.846% 61.538%, #704b46 61.538% 69.231%, #684a3f 69.231% 76.923%, #5c4835 76.923% 84.615%, #494528 84.615% 92.308%, #344326 92.308% 100.000%);
background: linear-gradient(90deg, oklch(32.68% 0.0524 219.37) 0.000% 7.692%, oklch(34.97% 0.0294 182.32) 7.692% 15.385%, oklch(37.80% 0.0124 136.95) 15.385% 23.077%, oklch(40.11% 0.0337 99.43) 23.077% 30.769%, oklch(42.13% 0.0606 70.37) 30.769% 38.462%, oklch(43.75% 0.0673 60.60) 38.462% 46.154%, oklch(44.88% 0.0661 55.58) 46.154% 53.846%, oklch(45.47% 0.0604 37.94) 53.846% 61.538%, oklch(45.28% 0.0524 27.05) 61.538% 69.231%, oklch(43.87% 0.0446 40.78) 69.231% 76.923%, oklch(41.73% 0.0400 66.15) 76.923% 84.615%, oklch(38.75% 0.0447 100.82) 84.615% 92.308%, oklch(36.22% 0.0510 130.61) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.052 | 219.4 |
| 2 | 0.378 | 0.012 | 136.9 |
| 3 | 0.421 | 0.061 | 70.4 |
| 4 | 0.449 | 0.066 | 55.6 |
| 5 | 0.453 | 0.052 | 27 |
| 6 | 0.417 | 0.04 | 66.1 |
| 7 | 0.362 | 0.051 | 130.6 |

## In these collections

- [Alpine copper kitchen](https://grabient.com/alpine-copper-kitchen)
- [Dark muted gradients](https://grabient.com/dark-muted-gradients)

## Other forms

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