# Cream and bronze neutral palette

The Cream and bronze neutral palette brings together pale orange, light orange, orange, and dark orange. The colors span a very broad lightness range, combining restrained color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark orange, and its lightest tone is pale orange.

- Also called: Off-white, gray, brown and black linear swatches
- Seed: `kW7xI14w6_82SPm2kL5Hok_4`
- Page: https://grabient.com/kW7xI14w6_82SPm2kL5Hok_4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#f6eada` | `oklch(94.09% 0.0248 75.23)` | Total Recall | black, 17.6 to 1 |
| 2 | `#c7b49b` | `oklch(77.95% 0.0400 75.23)` | Best Beige | black, 10.4 to 1 |
| 3 | `#997d65` | `oklch(61.02% 0.0496 62.55)` | Tiger’s Eye | black, 5.4 to 1 |
| 4 | `#644839` | `oklch(42.91% 0.0455 48.82)` | Ship Steering Wheel | white, 8.2 to 1 |
| 5 | `#291c15` | `oklch(24.02% 0.0248 48.82)` | Tetsu-Guro Black | white, 16.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f6eada 0.000% 20.000%, #c7b49b 20.000% 40.000%, #997d65 40.000% 60.000%, #644839 60.000% 80.000%, #291c15 80.000% 100.000%);
background: linear-gradient(90deg, oklch(94.09% 0.0248 75.23) 0.000% 20.000%, oklch(77.95% 0.0400 75.23) 20.000% 40.000%, oklch(61.02% 0.0496 62.55) 40.000% 60.000%, oklch(42.91% 0.0455 48.82) 60.000% 80.000%, oklch(24.02% 0.0248 48.82) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.025 | 75.2 |
| 2 | 0.78 | 0.04 | 75.2 |
| 3 | 0.61 | 0.05 | 62.6 |
| 4 | 0.429 | 0.045 | 48.8 |
| 5 | 0.24 | 0.025 | 48.8 |

## In these collections

- [Neutral swatches](https://grabient.com/neutral-swatches)

## Other forms

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