# Cream population density palette

The Cream population density palette brings together pale yellow, light yellow, yellow, and green. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits information graphics and map mood boards. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Off-white, beige, gray and olive linear gradient
- Seed: `kU8hNP6xhAFSbQE5F0AA`
- Page: https://grabient.com/kU8hNP6xhAFSbQE5F0AA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light to dark, pastel
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 6.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 | `#eff2de` | `oklch(95.28% 0.0262 111.80)` | Restful Rain | black, 18.3 to 1 |
| 2 | `#edf0da` | `oklch(94.67% 0.0286 111.85)` | Memoir | black, 18 to 1 |
| 3 | `#ebeed5` | `oklch(93.94% 0.0319 111.90)` | Alligator Egg | black, 17.6 to 1 |
| 4 | `#e8ebd0` | `oklch(93.08% 0.0358 111.96)` | Celery Ice | black, 17.2 to 1 |
| 5 | `#e5e8ca` | `oklch(92.12% 0.0402 112.03)` | Rare White Jade | black, 16.7 to 1 |
| 6 | `#e2e5c3` | `oklch(91.06% 0.0449 112.11)` | Frost | black, 16.2 to 1 |
| 7 | `#dee2bc` | `oklch(89.91% 0.0496 112.21)` | Foamy Lime | black, 15.6 to 1 |
| 8 | `#dadeb5` | `oklch(88.69% 0.0542 112.32)` | April Showers | black, 15 to 1 |
| 9 | `#d6daae` | `oklch(87.41% 0.0585 112.45)` | Sunlit Leaf | black, 14.5 to 1 |
| 10 | `#d1d6a7` | `oklch(86.08% 0.0622 112.61)` | White Jade | black, 13.9 to 1 |
| 11 | `#cdd2a1` | `oklch(84.71% 0.0653 112.79)` | True to You | black, 13.3 to 1 |
| 12 | `#c8ce9b` | `oklch(83.31% 0.0676 113.00)` | Vegetarian Vulture | black, 12.7 to 1 |
| 13 | `#c3c995` | `oklch(81.82% 0.0695 113.27)` | Creamy Spinaci | black, 12.1 to 1 |
| 14 | `#bec48f` | `oklch(80.25% 0.0710 113.57)` | Misty Valley | black, 11.4 to 1 |
| 15 | `#b8bf8a` | `oklch(78.62% 0.0722 113.91)` | Jitterbug | black, 10.8 to 1 |
| 16 | `#b3ba84` | `oklch(76.93% 0.0731 114.26)` | Nile | black, 10.2 to 1 |
| 17 | `#adb47e` | `oklch(75.18% 0.0738 114.62)` | Great Green | black, 9.6 to 1 |
| 18 | `#a7af79` | `oklch(73.38% 0.0742 114.97)` | Estragon | black, 9 to 1 |
| 19 | `#a1a973` | `oklch(71.55% 0.0744 115.30)` | Siamese Green | black, 8.4 to 1 |
| 20 | `#9ba46e` | `oklch(69.69% 0.0745 115.61)` | Cocktail Olive | black, 7.8 to 1 |
| 21 | `#959e68` | `oklch(67.80% 0.0745 115.87)` | Ivy Enchantment | black, 7.3 to 1 |
| 22 | `#8f9863` | `oklch(65.89% 0.0743 116.09)` | Reptilian Leader | black, 6.8 to 1 |
| 23 | `#89915d` | `oklch(63.78% 0.0739 116.27)` | Crocodile Smile | black, 6.2 to 1 |
| 24 | `#828a57` | `oklch(61.48% 0.0730 116.43)` | Special Ops | black, 5.7 to 1 |
| 25 | `#7b8351` | `oklch(59.08% 0.0719 116.56)` | Oregano | black, 5.2 to 1 |
| 26 | `#737c4b` | `oklch(56.63% 0.0706 116.67)` | Tara’s Drapes | black, 4.7 to 1 |
| 27 | `#6c7545` | `oklch(54.20% 0.0692 116.77)` | Oakmoss | white, 4.9 to 1 |
| 28 | `#666e3f` | `oklch(51.87% 0.0677 116.85)` | Gulf Weed | white, 5.4 to 1 |
| 29 | `#60673a` | `oklch(49.70% 0.0664 116.91)` | Scots Pine | white, 5.9 to 1 |
| 30 | `#5a6236` | `oklch(47.77% 0.0651 116.97)` | Inverness | white, 6.4 to 1 |
| 31 | `#565d32` | `oklch(46.14% 0.0641 117.03)` | Saratoga | white, 6.9 to 1 |
| 32 | `#525a2f` | `oklch(44.88% 0.0634 117.08)` | Soldier Green | white, 7.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #eff2de 0.0%, #edf0da 3.2%, #ebeed5 6.5%, #e8ebd0 9.7%, #e5e8ca 12.9%, #e2e5c3 16.1%, #dee2bc 19.4%, #dadeb5 22.6%, #d6daae 25.8%, #d1d6a7 29.0%, #cdd2a1 32.3%, #c8ce9b 35.5%, #c3c995 38.7%, #bec48f 41.9%, #b8bf8a 45.2%, #b3ba84 48.4%, #adb47e 51.6%, #a7af79 54.8%, #a1a973 58.1%, #9ba46e 61.3%, #959e68 64.5%, #8f9863 67.7%, #89915d 71.0%, #828a57 74.2%, #7b8351 77.4%, #737c4b 80.6%, #6c7545 83.9%, #666e3f 87.1%, #60673a 90.3%, #5a6236 93.5%, #565d32 96.8%, #525a2f 100.0%);
background: linear-gradient(90deg in oklch, oklch(95.28% 0.0262 111.80) 0.0%, oklch(94.67% 0.0286 111.85) 3.2%, oklch(93.94% 0.0319 111.90) 6.5%, oklch(93.08% 0.0358 111.96) 9.7%, oklch(92.12% 0.0402 112.03) 12.9%, oklch(91.06% 0.0449 112.11) 16.1%, oklch(89.91% 0.0496 112.21) 19.4%, oklch(88.69% 0.0542 112.32) 22.6%, oklch(87.41% 0.0585 112.45) 25.8%, oklch(86.08% 0.0622 112.61) 29.0%, oklch(84.71% 0.0653 112.79) 32.3%, oklch(83.31% 0.0676 113.00) 35.5%, oklch(81.82% 0.0695 113.27) 38.7%, oklch(80.25% 0.0710 113.57) 41.9%, oklch(78.62% 0.0722 113.91) 45.2%, oklch(76.93% 0.0731 114.26) 48.4%, oklch(75.18% 0.0738 114.62) 51.6%, oklch(73.38% 0.0742 114.97) 54.8%, oklch(71.55% 0.0744 115.30) 58.1%, oklch(69.69% 0.0745 115.61) 61.3%, oklch(67.80% 0.0745 115.87) 64.5%, oklch(65.89% 0.0743 116.09) 67.7%, oklch(63.78% 0.0739 116.27) 71.0%, oklch(61.48% 0.0730 116.43) 74.2%, oklch(59.08% 0.0719 116.56) 77.4%, oklch(56.63% 0.0706 116.67) 80.6%, oklch(54.20% 0.0692 116.77) 83.9%, oklch(51.87% 0.0677 116.85) 87.1%, oklch(49.70% 0.0664 116.91) 90.3%, oklch(47.77% 0.0651 116.97) 93.5%, oklch(46.14% 0.0641 117.03) 96.8%, oklch(44.88% 0.0634 117.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.026 | 111.8 |
| 2 | 0.843 | 0.066 | 112.9 |
| 3 | 0.665 | 0.074 | 116 |
| 4 | 0.449 | 0.063 | 117.1 |

## In these collections

- [Population density gradients](https://grabient.com/population-density-gradients)

## Other forms

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