# Pistachio Cream Facets

The Tan cream palette brings together green, light yellow, pale yellow, and pale orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale orange.

- Also called: Analogous olive, beige and off-white angular swatches
- Seed: `kUqz5TaRs_XOQPj6ib5A`
- Page: https://grabient.com/kUqz5TaRs_XOQPj6ib5A?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#939d5f` | `oklch(67.32% 0.0854 116.72)` | Vitality | black, 7.2 to 1 |
| 2 | `#b0b87c` | `oklch(76.31% 0.0807 114.49)` | Nile | black, 10 to 1 |
| 3 | `#d0d29d` | `oklch(84.83% 0.0694 109.07)` | Calming Effect | black, 13.3 to 1 |
| 4 | `#e4deb9` | `oklch(89.58% 0.0497 99.68)` | Forest Found | black, 15.4 to 1 |
| 5 | `#f3e9d0` | `oklch(93.61% 0.0352 90.41)` | Spice Delight | black, 17.4 to 1 |
| 6 | `#fcf2e0` | `oklch(96.46% 0.0262 82.90)` | Damask | black, 18.9 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #939d5f 0.000% 16.667%, #b0b87c 16.667% 33.333%, #d0d29d 33.333% 50.000%, #e4deb9 50.000% 66.667%, #f3e9d0 66.667% 83.333%, #fcf2e0 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(67.32% 0.0854 116.72) 0.000% 16.667%, oklch(76.31% 0.0807 114.49) 16.667% 33.333%, oklch(84.83% 0.0694 109.07) 33.333% 50.000%, oklch(89.58% 0.0497 99.68) 50.000% 66.667%, oklch(93.61% 0.0352 90.41) 66.667% 83.333%, oklch(96.46% 0.0262 82.90) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.085 | 116.7 |
| 2 | 0.827 | 0.074 | 111.4 |
| 3 | 0.909 | 0.044 | 96.6 |
| 4 | 0.965 | 0.026 | 82.9 |

## In these collections

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

## Other forms

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