# Teal and forest green color palette

The Teal and forest green color palette brings together blue, teal, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is blue.

- Also called: Analogous blue and dark green linear swatches
- Seed: `kYulmnTS1AEQjvk-Hj0uJ68C-avw`
- Page: https://grabient.com/kYulmnTS1AEQjvk-Hj0uJ68C-avw?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: light to dark, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.2 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 | `#4db4ea` | `oklch(73.23% 0.1226 234.84)` | Sail Away | black, 9 to 1 |
| 2 | `#188cc2` | `oklch(60.63% 0.1240 235.90)` | Cyan Cornflower Blue | black, 5.5 to 1 |
| 3 | `#067996` | `oklch(53.54% 0.0978 222.16)` | Celestial | white, 5 to 1 |
| 4 | `#016e71` | `oklch(48.82% 0.0827 198.91)` | Active Turquoise | white, 6 to 1 |
| 5 | `#156249` | `oklch(44.49% 0.0841 166.15)` | Green Paw Paw | white, 7.2 to 1 |
| 6 | `#154c32` | `oklch(37.40% 0.0730 158.76)` | Order Green | white, 9.9 to 1 |

## CSS

```css
background: linear-gradient(270deg, #4db4ea 0.000% 16.667%, #188cc2 16.667% 33.333%, #067996 33.333% 50.000%, #016e71 50.000% 66.667%, #156249 66.667% 83.333%, #154c32 83.333% 100.000%);
background: linear-gradient(270deg, oklch(73.23% 0.1226 234.84) 0.000% 16.667%, oklch(60.63% 0.1240 235.90) 16.667% 33.333%, oklch(53.54% 0.0978 222.16) 33.333% 50.000%, oklch(48.82% 0.0827 198.91) 50.000% 66.667%, oklch(44.49% 0.0841 166.15) 66.667% 83.333%, oklch(37.40% 0.0730 158.76) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.732 | 0.123 | 234.8 |
| 2 | 0.606 | 0.124 | 235.9 |
| 3 | 0.535 | 0.098 | 222.2 |
| 4 | 0.488 | 0.083 | 198.9 |
| 5 | 0.445 | 0.084 | 166.2 |
| 6 | 0.374 | 0.073 | 158.8 |

## In these collections

- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)
- [Blue and teal swatches](https://grabient.com/blue-and-teal-swatches)

## Other forms

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