# Orange, ochre and deep teal color palette

The Orange, ochre and deep teal color palette brings together light orange, orange, green, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is teal, and its lightest tone is light orange.

- Also called: Peach, orange and dark green radial swatches
- Seed: `kY4Tww5y-_NuxvlPHMvwSHCjKWwO`
- Page: https://grabient.com/kY4Tww5y-_NuxvlPHMvwSHCjKWwO?style=radialSwatches&steps=6&angle=225
- Drawn as: radial swatches, 6 steps, 225 degrees
- Kinds: light to dark, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.3 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 | `#fed09e` | `oklch(88.58% 0.0827 68.20)` | Atoll Sand | black, 14.7 to 1 |
| 2 | `#fdad63` | `oklch(81.10% 0.1309 61.86)` | Dreamy Sunset | black, 11.3 to 1 |
| 3 | `#e98853` | `oklch(72.05% 0.1364 48.12)` | Autumn Glimmer | black, 8.1 to 1 |
| 4 | `#64946d` | `oklch(62.20% 0.0785 149.57)` | Turtle Creek | black, 6 to 1 |
| 5 | `#187760` | `oklch(51.18% 0.0923 171.76)` | Shady Glade | white, 5.4 to 1 |
| 6 | `#175248` | `oklch(39.76% 0.0620 180.22)` | Breathe Deeply | white, 9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fed09e 0.000% 16.667%, #fdad63 16.667% 33.333%, #e98853 33.333% 50.000%, #64946d 50.000% 66.667%, #187760 66.667% 83.333%, #175248 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.58% 0.0827 68.20) 0.000% 16.667%, oklch(81.10% 0.1309 61.86) 16.667% 33.333%, oklch(72.05% 0.1364 48.12) 33.333% 50.000%, oklch(62.20% 0.0785 149.57) 50.000% 66.667%, oklch(51.18% 0.0923 171.76) 66.667% 83.333%, oklch(39.76% 0.0620 180.22) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.886 | 0.083 | 68.2 |
| 2 | 0.811 | 0.131 | 61.9 |
| 3 | 0.72 | 0.136 | 48.1 |
| 4 | 0.622 | 0.079 | 149.6 |
| 5 | 0.512 | 0.092 | 171.8 |
| 6 | 0.398 | 0.062 | 180.2 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)
- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)
- [Floral swatches](https://grabient.com/floral-swatches)

## Other forms

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