# Champagne and lime color palette

The Champagne and lime color palette brings together pale yellow, yellow, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Analogous beige, yellow and green radial swatches
- Seed: `kW8y1EcjbA2tAwlZu0Hyq9Bo`
- Page: https://grabient.com/kW8y1EcjbA2tAwlZu0Hyq9Bo?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.4 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 | `#fdf1c2` | `oklch(95.67% 0.0620 95.62)` | Pound Cake | black, 18.5 to 1 |
| 2 | `#f0e15f` | `oklch(89.76% 0.1502 103.02)` | Garlic Butter | black, 15.6 to 1 |
| 3 | `#b6dd48` | `oklch(84.25% 0.1778 123.10)` | Conifer | black, 13.4 to 1 |
| 4 | `#63b850` | `oklch(70.47% 0.1626 140.01)` | Pure Apple | black, 8.4 to 1 |
| 5 | `#289259` | `oklch(58.66% 0.1295 154.80)` | Green Gloss | black, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fdf1c2 0.000% 20.000%, #f0e15f 20.000% 40.000%, #b6dd48 40.000% 60.000%, #63b850 60.000% 80.000%, #289259 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(95.67% 0.0620 95.62) 0.000% 20.000%, oklch(89.76% 0.1502 103.02) 20.000% 40.000%, oklch(84.25% 0.1778 123.10) 40.000% 60.000%, oklch(70.47% 0.1626 140.01) 60.000% 80.000%, oklch(58.66% 0.1295 154.80) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.062 | 95.6 |
| 2 | 0.898 | 0.15 | 103 |
| 3 | 0.843 | 0.178 | 123.1 |
| 4 | 0.705 | 0.163 | 140 |
| 5 | 0.587 | 0.13 | 154.8 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)
- [Summer swatches](https://grabient.com/summer-swatches)

## Other forms

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