# Blue and teal analogous palette

The Blue and teal analogous palette brings together pale blue, light teal, and light green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and campaign graphics. Its darkest tone is light green, and its lightest tone is pale blue.

- Also called: Pastel duotone blue and teal angular swatches
- Seed: `kW6hu68BK9OuXvJnHT1Yh-94`
- Page: https://grabient.com/kW6hu68BK9OuXvJnHT1Yh-94?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.5 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 | `#d8e6ff` | `oklch(92.13% 0.0372 262.27)` | Veiling Waterfalls | black, 16.6 to 1 |
| 2 | `#badef7` | `oklch(88.19% 0.0510 239.02)` | Arctic Paradise | black, 14.8 to 1 |
| 3 | `#9bd9e4` | `oklch(84.65% 0.0648 210.48)` | Cool Water Lake | black, 13.4 to 1 |
| 4 | `#82d2cb` | `oklch(81.10% 0.0799 188.29)` | Electro Chill | black, 12 to 1 |
| 5 | `#78c7ae` | `oklch(77.17% 0.0868 171.38)` | Meridian Star | black, 10.5 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #d8e6ff 0.000% 20.000%, #badef7 20.000% 40.000%, #9bd9e4 40.000% 60.000%, #82d2cb 60.000% 80.000%, #78c7ae 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(92.13% 0.0372 262.27) 0.000% 20.000%, oklch(88.19% 0.0510 239.02) 20.000% 40.000%, oklch(84.65% 0.0648 210.48) 40.000% 60.000%, oklch(81.10% 0.0799 188.29) 60.000% 80.000%, oklch(77.17% 0.0868 171.38) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.037 | 262.3 |
| 2 | 0.882 | 0.051 | 239 |
| 3 | 0.846 | 0.065 | 210.5 |
| 4 | 0.811 | 0.08 | 188.3 |
| 5 | 0.772 | 0.087 | 171.4 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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