# Champagne and teal sky palette

The Champagne and teal sky palette brings together pale yellow, light teal, and teal. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is teal, and its lightest tone is pale yellow.

- Also called: Off-white to blue radial gradient
- Seed: `kS8RZDYRbNDucwe`
- Page: https://grabient.com/kS8RZDYRbNDucwe?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, pastel, 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 | `#f4eed8` | `oklch(94.88% 0.0303 94.22)` | Apple Core | black, 18.1 to 1 |
| 2 | `#f1edd5` | `oklch(94.23% 0.0315 98.43)` | Rum Swizzle | black, 17.7 to 1 |
| 3 | `#edebd2` | `oklch(93.48% 0.0330 103.79)` | Carambola | black, 17.4 to 1 |
| 4 | `#e7e9cf` | `oklch(92.63% 0.0347 110.13)` | Saffron Bread | black, 16.9 to 1 |
| 5 | `#e1e7cc` | `oklch(91.69% 0.0366 117.30)` | White Radish | black, 16.5 to 1 |
| 6 | `#dae5ca` | `oklch(90.67% 0.0387 125.11)` | Great Joy | black, 16 to 1 |
| 7 | `#d2e3c8` | `oklch(89.57% 0.0410 133.42)` | Lime Flip | black, 15.5 to 1 |
| 8 | `#c9e1c6` | `oklch(88.40% 0.0433 142.05)` | Chayote | black, 15 to 1 |
| 9 | `#c0dec6` | `oklch(87.16% 0.0457 150.85)` | Spirited Green | black, 14.4 to 1 |
| 10 | `#b6dbc6` | `oklch(85.86% 0.0482 159.63)` | Sprite Twist | black, 13.9 to 1 |
| 11 | `#add7c6` | `oklch(84.51% 0.0506 168.24)` | Scud | black, 13.3 to 1 |
| 12 | `#a4d3c7` | `oklch(83.11% 0.0530 176.52)` | Refresh | black, 12.7 to 1 |
| 13 | `#9bcfc7` | `oklch(81.67% 0.0553 184.30)` | Clear Cove | black, 12.1 to 1 |
| 14 | `#93cbc7` | `oklch(80.19% 0.0574 191.41)` | Jamaica Bay | black, 11.5 to 1 |
| 15 | `#8cc6c7` | `oklch(78.68% 0.0594 197.68)` | Embellished Blue | black, 10.9 to 1 |
| 16 | `#86c1c6` | `oklch(77.15% 0.0612 202.96)` | Celestine | black, 10.4 to 1 |
| 17 | `#80bcc4` | `oklch(75.58% 0.0628 207.15)` | Cuttlefish | black, 9.8 to 1 |
| 18 | `#79b6c1` | `oklch(73.83% 0.0643 210.60)` | Culinary Blue | black, 9.2 to 1 |
| 19 | `#73b0bd` | `oklch(71.92% 0.0657 213.42)` | Water Music | black, 8.6 to 1 |
| 20 | `#6ca9b9` | `oklch(69.87% 0.0671 215.69)` | Milky Blue | black, 8 to 1 |
| 21 | `#64a2b3` | `oklch(67.73% 0.0684 217.47)` | Crystal Blue | black, 7.3 to 1 |
| 22 | `#5d9bae` | `oklch(65.52% 0.0697 218.81)` | Pyjama Blue | black, 6.7 to 1 |
| 23 | `#5594a8` | `oklch(63.27% 0.0709 219.78)` | Manitou Blue | black, 6.2 to 1 |
| 24 | `#4e8da1` | `oklch(61.02% 0.0720 220.44)` | Aegean Sea | black, 5.6 to 1 |
| 25 | `#46879b` | `oklch(58.80% 0.0730 220.86)` | Hippie Blue | black, 5.1 to 1 |
| 26 | `#3e8095` | `oklch(56.64% 0.0740 221.09)` | Wipeout | black, 4.7 to 1 |
| 27 | `#377a8f` | `oklch(54.58% 0.0750 221.20)` | Turkish Stone | white, 4.8 to 1 |
| 28 | `#30758a` | `oklch(52.65% 0.0758 221.25)` | Thousand Herb | white, 5.2 to 1 |
| 29 | `#297085` | `oklch(50.87% 0.0766 221.30)` | Tlāloc Blue | white, 5.6 to 1 |
| 30 | `#226b80` | `oklch(49.30% 0.0773 221.41)` | Allports | white, 6 to 1 |
| 31 | `#1c677d` | `oklch(47.94% 0.0780 221.66)` | Hanaasagi Blue | white, 6.3 to 1 |
| 32 | `#17647a` | `oklch(46.85% 0.0785 222.09)` | World’s Away | white, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4eed8 0.0%, #f1edd5 3.2%, #edebd2 6.5%, #e7e9cf 9.7%, #e1e7cc 12.9%, #dae5ca 16.1%, #d2e3c8 19.4%, #c9e1c6 22.6%, #c0dec6 25.8%, #b6dbc6 29.0%, #add7c6 32.3%, #a4d3c7 35.5%, #9bcfc7 38.7%, #93cbc7 41.9%, #8cc6c7 45.2%, #86c1c6 48.4%, #80bcc4 51.6%, #79b6c1 54.8%, #73b0bd 58.1%, #6ca9b9 61.3%, #64a2b3 64.5%, #5d9bae 67.7%, #5594a8 71.0%, #4e8da1 74.2%, #46879b 77.4%, #3e8095 80.6%, #377a8f 83.9%, #30758a 87.1%, #297085 90.3%, #226b80 93.5%, #1c677d 96.8%, #17647a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.88% 0.0303 94.22) 0.0%, oklch(94.23% 0.0315 98.43) 3.2%, oklch(93.48% 0.0330 103.79) 6.5%, oklch(92.63% 0.0347 110.13) 9.7%, oklch(91.69% 0.0366 117.30) 12.9%, oklch(90.67% 0.0387 125.11) 16.1%, oklch(89.57% 0.0410 133.42) 19.4%, oklch(88.40% 0.0433 142.05) 22.6%, oklch(87.16% 0.0457 150.85) 25.8%, oklch(85.86% 0.0482 159.63) 29.0%, oklch(84.51% 0.0506 168.24) 32.3%, oklch(83.11% 0.0530 176.52) 35.5%, oklch(81.67% 0.0553 184.30) 38.7%, oklch(80.19% 0.0574 191.41) 41.9%, oklch(78.68% 0.0594 197.68) 45.2%, oklch(77.15% 0.0612 202.96) 48.4%, oklch(75.58% 0.0628 207.15) 51.6%, oklch(73.83% 0.0643 210.60) 54.8%, oklch(71.92% 0.0657 213.42) 58.1%, oklch(69.87% 0.0671 215.69) 61.3%, oklch(67.73% 0.0684 217.47) 64.5%, oklch(65.52% 0.0697 218.81) 67.7%, oklch(63.27% 0.0709 219.78) 71.0%, oklch(61.02% 0.0720 220.44) 74.2%, oklch(58.80% 0.0730 220.86) 77.4%, oklch(56.64% 0.0740 221.09) 80.6%, oklch(54.58% 0.0750 221.20) 83.9%, oklch(52.65% 0.0758 221.25) 87.1%, oklch(50.87% 0.0766 221.30) 90.3%, oklch(49.30% 0.0773 221.41) 93.5%, oklch(47.94% 0.0780 221.66) 96.8%, oklch(46.85% 0.0785 222.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.03 | 94.2 |
| 2 | 0.764 | 0.062 | 205.2 |
| 3 | 0.469 | 0.079 | 222.1 |

## In these collections

- [Between tides](https://grabient.com/between-tides)
- [Sky](https://grabient.com/sky)

## Other forms

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