# Champagne and charcoal daffodil raincoat morning palette

The Champagne and charcoal daffodil raincoat morning palette brings together pale yellow, yellow, gold, and gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is gray, and its lightest tone is pale yellow.

- Also called: Analogous beige, yellow and gray radial swatches
- Seed: `kU6yVJcLY_U8rwKwBETA`
- Page: https://grabient.com/kU6yVJcLY_U8rwKwBETA?style=radialSwatches&steps=5&angle=315
- Drawn as: radial swatches, 5 steps, 315 degrees
- Kinds: light to dark, pastel, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#ece8c2` | `oklch(92.52% 0.0510 102.66)` | Fake Blonde | black, 16.9 to 1 |
| 2 | `#f9e377` | `oklch(91.24% 0.1310 98.00)` | Sweet Corn | black, 16.2 to 1 |
| 3 | `#cdb32a` | `oklch(76.67% 0.1473 97.64)` | Grass Daisy | black, 10 to 1 |
| 4 | `#747830` | `oklch(55.39% 0.0957 112.53)` | Jungle Look | white, 4.6 to 1 |
| 5 | `#3e433e` | `oklch(37.80% 0.0110 144.93)` | Balsamic Reduction | white, 10 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ece8c2 0.000% 20.000%, #f9e377 20.000% 40.000%, #cdb32a 40.000% 60.000%, #747830 60.000% 80.000%, #3e433e 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(92.52% 0.0510 102.66) 0.000% 20.000%, oklch(91.24% 0.1310 98.00) 20.000% 40.000%, oklch(76.67% 0.1473 97.64) 40.000% 60.000%, oklch(55.39% 0.0957 112.53) 60.000% 80.000%, oklch(37.80% 0.0110 144.93) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.925 | 0.051 | 102.7 |
| 2 | 0.886 | 0.149 | 97.4 |
| 3 | 0.622 | 0.12 | 103.7 |
| 4 | 0.378 | 0.011 | 144.9 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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