# Teal hydrangea ribbon boutonniere palette

The Teal hydrangea ribbon boutonniere palette brings together teal, blue, light blue, and pale teal. The colors span a broad lightness range, combining restrained 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 pale teal.

- Also called: Analogous teal and light blue linear swatches
- Seed: `kWcCWCQhRC9cbwlqmb-co86w`
- Page: https://grabient.com/kWcCWCQhRC9cbwlqmb-co86w?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#305c55` | `oklch(44.09% 0.0510 182.81)` | Lacrosse | white, 7.5 to 1 |
| 2 | `#3b6c70` | `oklch(49.71% 0.0532 203.03)` | Aquarium | white, 5.9 to 1 |
| 3 | `#538ea3` | `oklch(61.56% 0.0686 222.15)` | Aegean Sea | black, 5.7 to 1 |
| 4 | `#7bb8d6` | `oklch(75.17% 0.0766 230.59)` | Water Fountain | black, 9.6 to 1 |
| 5 | `#a0dbed` | `oklch(85.80% 0.0655 218.29)` | Non-Photo Blue | black, 13.8 to 1 |
| 6 | `#c2e8e0` | `oklch(90.16% 0.0413 181.76)` | Tame Teal | black, 15.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #305c55 0.000% 16.667%, #3b6c70 16.667% 33.333%, #538ea3 33.333% 50.000%, #7bb8d6 50.000% 66.667%, #a0dbed 66.667% 83.333%, #c2e8e0 83.333% 100.000%);
background: linear-gradient(90deg, oklch(44.09% 0.0510 182.81) 0.000% 16.667%, oklch(49.71% 0.0532 203.03) 16.667% 33.333%, oklch(61.56% 0.0686 222.15) 33.333% 50.000%, oklch(75.17% 0.0766 230.59) 50.000% 66.667%, oklch(85.80% 0.0655 218.29) 66.667% 83.333%, oklch(90.16% 0.0413 181.76) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.441 | 0.051 | 182.8 |
| 2 | 0.52 | 0.055 | 208.2 |
| 3 | 0.685 | 0.076 | 228.3 |
| 4 | 0.839 | 0.07 | 225.1 |
| 5 | 0.902 | 0.041 | 181.8 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)

## Other forms

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