# Turquoise and blue color palette

The Turquoise and blue color palette brings together blue, off-white, and light teal. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Pastel monochrome blue linear swatches
- Seed: `kUql6pdga-mcWPpLFkSg`
- Page: https://grabient.com/kUql6pdga-mcWPpLFkSg?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light center, pastel, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.3 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 | `#329fdb` | `oklch(66.93% 0.1295 237.66)` | Blue Damselfly | black, 7.1 to 1 |
| 2 | `#a6d2e9` | `oklch(83.99% 0.0568 231.24)` | Little Pond | black, 13 to 1 |
| 3 | `#ddebf1` | `oklch(93.13% 0.0173 222.88)` | Prelude | black, 17.2 to 1 |
| 4 | `#a6d6e2` | `oklch(84.72% 0.0524 213.42)` | Atlantic Ocean | black, 13.3 to 1 |
| 5 | `#7aadc4` | `oklch(71.96% 0.0637 228.67)` | Soul Blue | black, 8.5 to 1 |
| 6 | `#6580a1` | `oklch(59.06% 0.0606 254.56)` | Blue Boater | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #329fdb 0.000% 16.667%, #a6d2e9 16.667% 33.333%, #ddebf1 33.333% 50.000%, #a6d6e2 50.000% 66.667%, #7aadc4 66.667% 83.333%, #6580a1 83.333% 100.000%);
background: linear-gradient(180deg, oklch(66.93% 0.1295 237.66) 0.000% 16.667%, oklch(83.99% 0.0568 231.24) 16.667% 33.333%, oklch(93.13% 0.0173 222.88) 33.333% 50.000%, oklch(84.72% 0.0524 213.42) 50.000% 66.667%, oklch(71.96% 0.0637 228.67) 66.667% 83.333%, oklch(59.06% 0.0606 254.56) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.13 | 237.7 |
| 2 | 0.929 | 0.018 | 226 |
| 3 | 0.811 | 0.061 | 214.4 |
| 4 | 0.591 | 0.061 | 254.6 |

## In these collections

- [Winter swatches](https://grabient.com/winter-swatches)
- [Sky](https://grabient.com/sky)
- [Blue swatches](https://grabient.com/blue-swatches)
- [Cool blue swatches](https://grabient.com/cool-blue-swatches)

## Other forms

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