# Charcoal sage sky wedges

These five angular wedges move from charcoal brown through pale sage, forest green, powdery sky blue, and warm rust. The pale green and blue keep the set open while charcoal and forest provide dependable dark anchors. Use it for outdoor publications, ecological presentations, or natural home-goods branding with a balanced cool-and-warm palette.

- Also called: Black, green, light blue and brown angular swatches
- Seed: `kWRwc_c4tEEMTw7oDEkSa1UI`
- Page: https://grabient.com/kWRwc_c4tEEMTw7oDEkSa1UI?style=angularSwatches&steps=5&angle=187
- Drawn as: angular swatches, 5 steps, 187 degrees
- Kinds: light center, neutral
- Hues: complementary
- Contrast of its darkest and lightest colors: 11.2 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 | `#2b2923` | `oklch(27.95% 0.0096 88.59)` | Maire | white, 14.6 to 1 |
| 2 | `#dde5cf` | `oklch(90.94% 0.0303 123.47)` | Willow Brook | black, 16.1 to 1 |
| 3 | `#52755e` | `oklch(52.76% 0.0537 155.17)` | Green Valley | white, 5.1 to 1 |
| 4 | `#afc8d6` | `oklch(81.89% 0.0331 232.31)` | Blissful Blue | black, 12 to 1 |
| 5 | `#b55e38` | `oklch(57.87% 0.1240 43.51)` | Gold Varnish Brown | black, 4.6 to 1 |

## CSS

```css
background: conic-gradient(from 187deg, #2b2923 0.000% 20.000%, #dde5cf 20.000% 40.000%, #52755e 40.000% 60.000%, #afc8d6 60.000% 80.000%, #b55e38 80.000% 100.000%);
background: conic-gradient(from 187deg, oklch(27.95% 0.0096 88.59) 0.000% 20.000%, oklch(90.94% 0.0303 123.47) 20.000% 40.000%, oklch(52.76% 0.0537 155.17) 40.000% 60.000%, oklch(81.89% 0.0331 232.31) 60.000% 80.000%, oklch(57.87% 0.1240 43.51) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.28 | 0.01 | 88.6 |
| 2 | 0.909 | 0.03 | 123.5 |
| 3 | 0.528 | 0.054 | 155.2 |
| 4 | 0.819 | 0.033 | 232.3 |
| 5 | 0.579 | 0.124 | 403.5 |

## In these collections

- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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