# Champagne, periwinkle and deep teal floral palette

The Champagne, periwinkle and deep teal floral palette brings together off-white, pale purple, light purple, blue, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Off-white, lavender and green radial swatches
- Seed: `kY9RBHcIwt96qwJXjzi1yiyMGkQ2`
- Page: https://grabient.com/kY9RBHcIwt96qwJXjzi1yiyMGkQ2?style=radialSwatches&steps=6&angle=45
- Drawn as: radial swatches, 6 steps, 45 degrees
- Kinds: light to dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.8 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 | `#f6f4e3` | `oklch(96.46% 0.0220 99.84)` | Precious Dewdrop | black, 18.9 to 1 |
| 2 | `#dfd4eb` | `oklch(88.58% 0.0331 307.67)` | Light Purity | black, 14.7 to 1 |
| 3 | `#c696e1` | `oklch(74.41% 0.1171 312.96)` | Bright Lavender | black, 8.8 to 1 |
| 4 | `#899db4` | `oklch(68.90% 0.0413 251.66)` | Private Jet | black, 7.5 to 1 |
| 5 | `#7ba962` | `oklch(68.50% 0.1116 135.42)` | Jealousy | black, 7.7 to 1 |
| 6 | `#1b7959` | `oklch(51.57% 0.0992 165.01)` | Ivy League | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f6f4e3 0.000% 16.667%, #dfd4eb 16.667% 33.333%, #c696e1 33.333% 50.000%, #899db4 50.000% 66.667%, #7ba962 66.667% 83.333%, #1b7959 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(96.46% 0.0220 99.84) 0.000% 16.667%, oklch(88.58% 0.0331 307.67) 16.667% 33.333%, oklch(74.41% 0.1171 312.96) 33.333% 50.000%, oklch(68.90% 0.0413 251.66) 50.000% 66.667%, oklch(68.50% 0.1116 135.42) 66.667% 83.333%, oklch(51.57% 0.0992 165.01) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.965 | 0.022 | 99.8 |
| 2 | 0.886 | 0.033 | -52.3 |
| 3 | 0.744 | 0.117 | -47 |
| 4 | 0.689 | 0.041 | -108.3 |
| 5 | 0.685 | 0.112 | -224.6 |
| 6 | 0.516 | 0.099 | -195 |

## In these collections

- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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