# Peach, tan and pale blue color palette

The Peach, tan and pale blue color palette brings together light orange, orange, green, and pale blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits interior mood boards and textile patterns. Its darkest tone is orange, and its lightest tone is pale blue.

- Also called: Gray, brown, green and light blue linear swatches
- Seed: `kW0BkqzZQ-7aSPtWl8y8A7J4`
- Page: https://grabient.com/kW0BkqzZQ-7aSPtWl8y8A7J4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#d5bfae` | `oklch(81.89% 0.0344 59.77)` | Elusive Dawn | black, 11.9 to 1 |
| 2 | `#9f7a65` | `oklch(61.02% 0.0551 51.31)` | Woodhaven | black, 5.4 to 1 |
| 3 | `#67473a` | `oklch(42.91% 0.0496 41.80)` | Copra | white, 8.3 to 1 |
| 4 | `#7da483` | `oklch(68.11% 0.0648 149.59)` | Corporate Green | black, 7.5 to 1 |
| 5 | `#bfddef` | `oklch(88.19% 0.0400 234.13)` | Tropical Pool | black, 14.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #d5bfae 0.000% 20.000%, #9f7a65 20.000% 40.000%, #67473a 40.000% 60.000%, #7da483 60.000% 80.000%, #bfddef 80.000% 100.000%);
background: linear-gradient(90deg, oklch(81.89% 0.0344 59.77) 0.000% 20.000%, oklch(61.02% 0.0551 51.31) 20.000% 40.000%, oklch(42.91% 0.0496 41.80) 40.000% 60.000%, oklch(68.11% 0.0648 149.59) 60.000% 80.000%, oklch(88.19% 0.0400 234.13) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.034 | 59.8 |
| 2 | 0.61 | 0.055 | 51.3 |
| 3 | 0.429 | 0.05 | 41.8 |
| 4 | 0.681 | 0.065 | 149.6 |
| 5 | 0.882 | 0.04 | 234.1 |

## In these collections

- [Muted swatches](https://grabient.com/muted-swatches)
- [Earth tone swatches](https://grabient.com/earth-tone-swatches)
- [Natural swatches](https://grabient.com/natural-swatches)
- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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