# Teal pumpkin maple

Dark green, teal, orange and brown radial swatches with 6 colors: #113b3a, #48756b, #efe1c5, #e58a30, #a94022, #572015. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Dark green, teal, orange and brown radial swatches
- Seed: `kYUiGJQxM-PQOtNbNj0wTS9Ckev4`
- Page: https://grabient.com/kYUiGJQxM-PQOtNbNj0wTS9Ckev4?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: light center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 10 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 | `#113b3a` | `oklch(32.28% 0.0455 192.66)` | Nordic | white, 12.2 to 1 |
| 2 | `#48756b` | `oklch(52.76% 0.0524 177.86)` | Tandayapa Cloud Forest | white, 5.1 to 1 |
| 3 | `#efe1c5` | `oklch(91.34% 0.0400 83.81)` | Champagne Bliss | black, 16.2 to 1 |
| 4 | `#e58a30` | `oklch(71.65% 0.1488 60.56)` | Carnival | black, 8 to 1 |
| 5 | `#a94022` | `oklch(51.18% 0.1447 36.26)` | Crimson Blaze | white, 6.1 to 1 |
| 6 | `#572015` | `oklch(32.28% 0.0841 33.09)` | Peaty Brown | white, 12.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #113b3a 0.000% 16.667%, #48756b 16.667% 33.333%, #efe1c5 33.333% 50.000%, #e58a30 50.000% 66.667%, #a94022 66.667% 83.333%, #572015 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(32.28% 0.0455 192.66) 0.000% 16.667%, oklch(52.76% 0.0524 177.86) 16.667% 33.333%, oklch(91.34% 0.0400 83.81) 33.333% 50.000%, oklch(71.65% 0.1488 60.56) 50.000% 66.667%, oklch(51.18% 0.1447 36.26) 66.667% 83.333%, oklch(32.28% 0.0841 33.09) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.045 | 192.7 |
| 2 | 0.528 | 0.052 | 177.9 |
| 3 | 0.913 | 0.04 | 83.8 |
| 4 | 0.717 | 0.149 | 60.6 |
| 5 | 0.512 | 0.145 | 36.3 |
| 6 | 0.323 | 0.084 | 33.1 |

## In these collections

- [Pumpkin spice color palette](https://grabient.com/pumpkin-spice-color-palette)

## Other forms

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