# Teal and moss floral palette

The Teal and moss floral palette brings together off-white, light teal, teal, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Analogous light blue, teal and green radial swatches
- Seed: `kW9wiCbo6_t2aQRKnMFw503A`
- Page: https://grabient.com/kW9wiCbo6_t2aQRKnMFw503A?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, pastel, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#eef8f6` | `oklch(97.24% 0.0110 182.81)` | Aijiro White | black, 19.4 to 1 |
| 2 | `#b9ddd5` | `oklch(87.01% 0.0400 180.70)` | Bath Salt Green | black, 14.4 to 1 |
| 3 | `#72b8b4` | `oklch(73.62% 0.0717 190.21)` | Earth Eclipse | black, 9.2 to 1 |
| 4 | `#398a91` | `oklch(58.66% 0.0785 202.89)` | Aqueous | black, 5.2 to 1 |
| 5 | `#5f7541` | `oklch(53.15% 0.0799 127.86)` | Jolly Green | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eef8f6 0.000% 20.000%, #b9ddd5 20.000% 40.000%, #72b8b4 40.000% 60.000%, #398a91 60.000% 80.000%, #5f7541 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(97.24% 0.0110 182.81) 0.000% 20.000%, oklch(87.01% 0.0400 180.70) 20.000% 40.000%, oklch(73.62% 0.0717 190.21) 40.000% 60.000%, oklch(58.66% 0.0785 202.89) 60.000% 80.000%, oklch(53.15% 0.0799 127.86) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.011 | 182.8 |
| 2 | 0.87 | 0.04 | 180.7 |
| 3 | 0.736 | 0.072 | 190.2 |
| 4 | 0.587 | 0.079 | 202.9 |
| 5 | 0.531 | 0.08 | 127.9 |

## In these collections

- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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