# Champagne and bronze cream palette

The Champagne and bronze cream palette brings together off-white, light orange, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is off-white.

- Also called: Monochrome off-white and brown angular swatches
- Seed: `kU-Q8_8Zo_liqPm3nb3g`
- Page: https://grabient.com/kU-Q8_8Zo_liqPm3nb3g?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: light to dark, pastel, light, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.6 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 | `#fef8e9` | `oklch(98.03% 0.0207 89.30)` | Cosmic Latte | black, 19.8 to 1 |
| 2 | `#f9eac7` | `oklch(94.04% 0.0493 88.23)` | Gin Fizz | black, 17.6 to 1 |
| 3 | `#ebce93` | `oklch(86.24% 0.0822 84.27)` | Sunlight | black, 13.7 to 1 |
| 4 | `#d4a154` | `oklch(74.20% 0.1121 76.40)` | Angel Food Cake | black, 9 to 1 |
| 5 | `#a66e2e` | `oklch(58.50% 0.1060 66.18)` | Inca Gold | black, 4.8 to 1 |
| 6 | `#734520` | `oklch(43.70% 0.0813 56.54)` | Monks Robe | white, 8 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #fef8e9 0.000% 16.667%, #f9eac7 16.667% 33.333%, #ebce93 33.333% 50.000%, #d4a154 50.000% 66.667%, #a66e2e 66.667% 83.333%, #734520 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(98.03% 0.0207 89.30) 0.000% 16.667%, oklch(94.04% 0.0493 88.23) 16.667% 33.333%, oklch(86.24% 0.0822 84.27) 33.333% 50.000%, oklch(74.20% 0.1121 76.40) 50.000% 66.667%, oklch(58.50% 0.1060 66.18) 66.667% 83.333%, oklch(43.70% 0.0813 56.54) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.021 | 89.3 |
| 2 | 0.894 | 0.072 | 86.1 |
| 3 | 0.697 | 0.116 | 73.4 |
| 4 | 0.437 | 0.081 | 56.5 |

## In these collections

- [Cream swatches](https://grabient.com/cream-swatches)

## Other forms

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