# Teal and powder blue coastal palette

The Teal and powder blue coastal palette brings together green, teal, and light blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is light blue.

- Also called: Analogous teal to light blue linear gradient
- Seed: `kUdDl63KrCuKcw9vEEJg`
- Page: https://grabient.com/kUdDl63KrCuKcw9vEEJg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, pastel, cool
- Hues: analogous
- 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 | `#1a6552` | `oklch(45.67% 0.0785 172.27)` | Embracing | white, 6.9 to 1 |
| 2 | `#1a6a58` | `oklch(47.32% 0.0811 173.56)` | Forest Rain | white, 6.4 to 1 |
| 3 | `#1a715f` | `oklch(49.56% 0.0847 175.16)` | Falcon Turquoise | white, 5.8 to 1 |
| 4 | `#1b7a69` | `oklch(52.24% 0.0892 177.03)` | Pinehurst | white, 5.1 to 1 |
| 5 | `#1a8473` | `oklch(55.24% 0.0942 179.14)` | Summer Turquoise | black, 4.5 to 1 |
| 6 | `#1a8e7f` | `oklch(58.42% 0.0994 181.44)` | Philips Green | black, 5.2 to 1 |
| 7 | `#19998c` | `oklch(61.64% 0.1044 183.91)` | Santorini Seascape | black, 5.9 to 1 |
| 8 | `#19a499` | `oklch(64.78% 0.1090 186.49)` | Baltic Turquoise | black, 6.7 to 1 |
| 9 | `#1bada6` | `oklch(67.68% 0.1129 189.16)` | Tropical Tree | black, 7.5 to 1 |
| 10 | `#1fb5b1` | `oklch(70.23% 0.1156 191.88)` | Swagger | black, 8.3 to 1 |
| 11 | `#25bcbc` | `oklch(72.28% 0.1170 194.61)` | Maximum Blue Green | black, 8.9 to 1 |
| 12 | `#2dc0c4` | `oklch(73.76% 0.1168 197.38)` | Maximum Blue Green | black, 9.4 to 1 |
| 13 | `#36c3ca` | `oklch(74.81% 0.1152 200.39)` | Turquoise Surf | black, 9.8 to 1 |
| 14 | `#40c4d0` | `oklch(75.52% 0.1125 203.58)` | Sea Serpent | black, 10 to 1 |
| 15 | `#49c4d4` | `oklch(75.96% 0.1090 206.91)` | Baharroth Blue | black, 10.1 to 1 |
| 16 | `#53c4d7` | `oklch(76.21% 0.1047 210.31)` | Naxos Sky | black, 10.2 to 1 |
| 17 | `#5cc3d9` | `oklch(76.33% 0.1000 213.74)` | Naxos Sky | black, 10.2 to 1 |
| 18 | `#64c1da` | `oklch(76.42% 0.0951 217.12)` | Naxos Sky | black, 10.2 to 1 |
| 19 | `#6cc0db` | `oklch(76.53% 0.0901 220.41)` | Magnesia Bay | black, 10.2 to 1 |
| 20 | `#73c0dc` | `oklch(76.75% 0.0854 223.55)` | Mizu | black, 10.2 to 1 |
| 21 | `#7bc0dd` | `oklch(77.15% 0.0811 226.47)` | Bright Spark | black, 10.3 to 1 |
| 22 | `#81c1df` | `oklch(77.80% 0.0774 229.14)` | Horizon Haze | black, 10.6 to 1 |
| 23 | `#89c2e1` | `oklch(78.65% 0.0736 231.72)` | Club Cruise | black, 10.8 to 1 |
| 24 | `#90c5e3` | `oklch(79.63% 0.0698 234.25)` | Deluxe Days | black, 11.2 to 1 |
| 25 | `#98c7e5` | `oklch(80.70% 0.0659 236.70)` | Pale Cerulean | black, 11.6 to 1 |
| 26 | `#9fcae8` | `oklch(81.83% 0.0620 239.04)` | Windsor Way | black, 12 to 1 |
| 27 | `#a6cdea` | `oklch(82.96% 0.0583 241.25)` | Sail | black, 12.5 to 1 |
| 28 | `#add0ec` | `oklch(84.07% 0.0547 243.30)` | Gentle Wind | black, 12.9 to 1 |
| 29 | `#b3d2ee` | `oklch(85.11% 0.0515 245.17)` | Modern Blue | black, 13.4 to 1 |
| 30 | `#b8d5f0` | `oklch(86.04% 0.0485 246.82)` | Summer Birthday | black, 13.8 to 1 |
| 31 | `#bdd7f1` | `oklch(86.82% 0.0461 248.25)` | Delicate Blue Mist | black, 14.1 to 1 |
| 32 | `#c0d9f2` | `oklch(87.40% 0.0441 249.41)` | Delicate Blue Mist | black, 14.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #1a6552 0.0%, #1a6a58 3.2%, #1a715f 6.5%, #1b7a69 9.7%, #1a8473 12.9%, #1a8e7f 16.1%, #19998c 19.4%, #19a499 22.6%, #1bada6 25.8%, #1fb5b1 29.0%, #25bcbc 32.3%, #2dc0c4 35.5%, #36c3ca 38.7%, #40c4d0 41.9%, #49c4d4 45.2%, #53c4d7 48.4%, #5cc3d9 51.6%, #64c1da 54.8%, #6cc0db 58.1%, #73c0dc 61.3%, #7bc0dd 64.5%, #81c1df 67.7%, #89c2e1 71.0%, #90c5e3 74.2%, #98c7e5 77.4%, #9fcae8 80.6%, #a6cdea 83.9%, #add0ec 87.1%, #b3d2ee 90.3%, #b8d5f0 93.5%, #bdd7f1 96.8%, #c0d9f2 100.0%);
background: linear-gradient(45deg in oklch, oklch(45.67% 0.0785 172.27) 0.0%, oklch(47.32% 0.0811 173.56) 3.2%, oklch(49.56% 0.0847 175.16) 6.5%, oklch(52.24% 0.0892 177.03) 9.7%, oklch(55.24% 0.0942 179.14) 12.9%, oklch(58.42% 0.0994 181.44) 16.1%, oklch(61.64% 0.1044 183.91) 19.4%, oklch(64.78% 0.1090 186.49) 22.6%, oklch(67.68% 0.1129 189.16) 25.8%, oklch(70.23% 0.1156 191.88) 29.0%, oklch(72.28% 0.1170 194.61) 32.3%, oklch(73.76% 0.1168 197.38) 35.5%, oklch(74.81% 0.1152 200.39) 38.7%, oklch(75.52% 0.1125 203.58) 41.9%, oklch(75.96% 0.1090 206.91) 45.2%, oklch(76.21% 0.1047 210.31) 48.4%, oklch(76.33% 0.1000 213.74) 51.6%, oklch(76.42% 0.0951 217.12) 54.8%, oklch(76.53% 0.0901 220.41) 58.1%, oklch(76.75% 0.0854 223.55) 61.3%, oklch(77.15% 0.0811 226.47) 64.5%, oklch(77.80% 0.0774 229.14) 67.7%, oklch(78.65% 0.0736 231.72) 71.0%, oklch(79.63% 0.0698 234.25) 74.2%, oklch(80.70% 0.0659 236.70) 77.4%, oklch(81.83% 0.0620 239.04) 80.6%, oklch(82.96% 0.0583 241.25) 83.9%, oklch(84.07% 0.0547 243.30) 87.1%, oklch(85.11% 0.0515 245.17) 90.3%, oklch(86.04% 0.0485 246.82) 93.5%, oklch(86.82% 0.0461 248.25) 96.8%, oklch(87.40% 0.0441 249.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.457 | 0.079 | 172.3 |
| 2 | 0.728 | 0.117 | 195.5 |
| 3 | 0.776 | 0.079 | 228.3 |
| 4 | 0.874 | 0.044 | 249.4 |

## In these collections

- [Coastal gradients](https://grabient.com/coastal-gradients)

## Other forms

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