# Deep teal and mustard color palette

The Deep teal and mustard color palette brings together dark green, green, yellow, orange, and light orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark green, and its lightest tone is light orange.

- Also called: Duotone dark green and beige linear swatches
- Seed: `kYRyR4r5m-T2fPPFmDvtZI63GSxC`
- Page: https://grabient.com/kYRyR4r5m-T2fPPFmDvtZI63GSxC?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 10.4 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 | `#073025` | `oklch(27.95% 0.0496 169.45)` | Dark Jungle | white, 14.3 to 1 |
| 2 | `#1c4c30` | `oklch(37.40% 0.0703 155.72)` | Order Green | white, 9.9 to 1 |
| 3 | `#4e6832` | `oklch(48.43% 0.0854 130.35)` | Bimi Green | white, 6.2 to 1 |
| 4 | `#7c7143` | `oklch(54.72% 0.0661 96.54)` | Olive Shade | white, 4.8 to 1 |
| 5 | `#634634` | `oklch(42.13% 0.0496 53.21)` | Copra | white, 8.5 to 1 |
| 6 | `#e9dbb6` | `oklch(89.37% 0.0510 89.14)` | Cinnamon Milk | black, 15.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #073025 0.000% 16.667%, #1c4c30 16.667% 33.333%, #4e6832 33.333% 50.000%, #7c7143 50.000% 66.667%, #634634 66.667% 83.333%, #e9dbb6 83.333% 100.000%);
background: linear-gradient(90deg, oklch(27.95% 0.0496 169.45) 0.000% 16.667%, oklch(37.40% 0.0703 155.72) 16.667% 33.333%, oklch(48.43% 0.0854 130.35) 33.333% 50.000%, oklch(54.72% 0.0661 96.54) 50.000% 66.667%, oklch(42.13% 0.0496 53.21) 66.667% 83.333%, oklch(89.37% 0.0510 89.14) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.05 | 169.5 |
| 2 | 0.374 | 0.07 | 155.7 |
| 3 | 0.484 | 0.085 | 130.4 |
| 4 | 0.547 | 0.066 | 96.5 |
| 5 | 0.421 | 0.05 | 53.2 |
| 6 | 0.894 | 0.051 | 89.1 |

## In these collections

- [Forest swatches](https://grabient.com/forest-swatches)
- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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