# Deep cyan, sage and ochre color palette

The Deep cyan, sage and ochre color palette brings together teal, green, yellow, 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 teal, and its lightest tone is gold.

- Also called: Tritone teal, green and tan linear gradient
- Seed: `kUYCWKPJY6U4aOrdoD1g`
- Page: https://grabient.com/kUYCWKPJY6U4aOrdoD1g?steps=4&angle=45
- Drawn as: linear gradient, 4 steps, 45 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.1 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 | `#1b4a4a` | `oklch(37.80% 0.0510 194.06)` | Dancing Crocodiles | white, 9.8 to 1 |
| 2 | `#466648` | `oklch(47.64% 0.0606 146.51)` | Firm Green | white, 6.4 to 1 |
| 3 | `#8d8653` | `oklch(61.42% 0.0717 102.13)` | Bronze Green | black, 5.6 to 1 |
| 4 | `#c6a468` | `oklch(73.62% 0.0882 80.99)` | Classic Gold | black, 8.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1b4a4a 0.0%, #466648 33.3%, #8d8653 66.7%, #c6a468 100.0%);
background: linear-gradient(45deg in oklch, oklch(37.80% 0.0510 194.06) 0.0%, oklch(47.64% 0.0606 146.51) 33.3%, oklch(61.42% 0.0717 102.13) 66.7%, oklch(73.62% 0.0882 80.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.051 | 194.1 |
| 2 | 0.476 | 0.061 | 146.5 |
| 3 | 0.614 | 0.072 | 102.1 |
| 4 | 0.736 | 0.088 | 81 |

## In these collections

- [Color trends 2027 swatches](https://grabient.com/color-trends-2027-swatches)
- [Muted swatches](https://grabient.com/muted-swatches)
- [Sage and stone swatches](https://grabient.com/sage-and-stone-swatches)

## Other forms

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