# Deep teal, stone and sage color palette

The Deep teal, stone and sage color palette brings together teal, light green, and green. 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 light green.

- Also called: Dark green and green angular swatches
- Seed: `kWWTZ8xyu_GWUPtboLzOp1BY`
- Page: https://grabient.com/kWWTZ8xyu_GWUPtboLzOp1BY?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light center
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.9 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 | `#004639` | `oklch(35.05% 0.0661 175.04)` | UP Forest Green | white, 10.9 to 1 |
| 2 | `#008967` | `oklch(55.91% 0.1137 167.67)` | Celtic Queen | black, 4.7 to 1 |
| 3 | `#a0c9b0` | `oklch(79.92% 0.0551 158.17)` | Lobaria Lichen | black, 11.4 to 1 |
| 4 | `#90b176` | `oklch(72.05% 0.0896 131.75)` | Hakusai Green | black, 8.7 to 1 |
| 5 | `#3a643b` | `oklch(46.06% 0.0799 144.43)` | Jurassic Park | white, 6.8 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #004639 0.000% 20.000%, #008967 20.000% 40.000%, #a0c9b0 40.000% 60.000%, #90b176 60.000% 80.000%, #3a643b 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(35.05% 0.0661 175.04) 0.000% 20.000%, oklch(55.91% 0.1137 167.67) 20.000% 40.000%, oklch(79.92% 0.0551 158.17) 40.000% 60.000%, oklch(72.05% 0.0896 131.75) 60.000% 80.000%, oklch(46.06% 0.0799 144.43) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.074 | 175.1 |
| 2 | 0.559 | 0.12 | 167.7 |
| 3 | 0.799 | 0.055 | 158.2 |
| 4 | 0.72 | 0.09 | 131.8 |
| 5 | 0.461 | 0.08 | 144.4 |

## In these collections

- [Jade swatches](https://grabient.com/jade-swatches)
- [Green swatches](https://grabient.com/green-swatches)

## Other forms

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