# Teal amber woodland pool

Brown, green, teal and gray radial gradient with 32 colors: #986444, #95653f, #916737, #8b6a30, #826e2b, #77722b, #687531, #57783b, #457a47, #327b52, #1e7a5b, #0a7762, #007366, #006d67, #006767, #026165, #0e5b62, #16565f, #1c525c, #21505a, #265159, #2b545c, #315a60, #396467, #44706e, #517e76, #608c7e, #709a85, #82a88c, #93b491, #a1bd96, #acc49a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Brown, green, teal and gray radial gradient
- Seed: `kUjDskwaNNzSRxRklzZg`
- Page: https://grabient.com/kUjDskwaNNzSRxRklzZg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 4.7 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 | `#986444` | `oklch(55.12% 0.0813 51.33)` | Natural Cork | white, 4.9 to 1 |
| 2 | `#95653f` | `oklch(54.94% 0.0824 58.36)` | Ambit | white, 4.9 to 1 |
| 3 | `#916737` | `oklch(54.76% 0.0842 67.77)` | Retrofit | white, 4.9 to 1 |
| 4 | `#8b6a30` | `oklch(54.55% 0.0865 79.02)` | Aged Antics | white, 4.9 to 1 |
| 5 | `#826e2b` | `oklch(54.31% 0.0890 91.60)` | Tarnished Brass | white, 4.9 to 1 |
| 6 | `#77722b` | `oklch(54.04% 0.0915 105.00)` | Wood Garlic | white, 4.9 to 1 |
| 7 | `#687531` | `oklch(53.71% 0.0938 118.68)` | Muddy Green | white, 5 to 1 |
| 8 | `#57783b` | `oklch(53.34% 0.0957 132.13)` | Luck of the Irish | white, 5 to 1 |
| 9 | `#457a47` | `oklch(52.90% 0.0970 144.83)` | Kemp Kelly | white, 5 to 1 |
| 10 | `#327b52` | `oklch(52.39% 0.0975 156.26)` | Canadian Pine | white, 5.1 to 1 |
| 11 | `#1e7a5b` | `oklch(51.79% 0.0969 165.90)` | Emerald Dream | white, 5.2 to 1 |
| 12 | `#0a7762` | `oklch(51.01% 0.0950 173.75)` | Shady Glade | white, 5.4 to 1 |
| 13 | `#007366` | `oklch(49.78% 0.0896 181.15)` | Pharaoh’s Gem | white, 5.7 to 1 |
| 14 | `#006d67` | `oklch(48.23% 0.0838 188.11)` | Green Dragon | white, 6.1 to 1 |
| 15 | `#006767` | `oklch(46.49% 0.0794 194.49)` | Teal Beak | white, 6.7 to 1 |
| 16 | `#026165` | `oklch(44.72% 0.0754 200.13)` | Beau Vert | white, 7.2 to 1 |
| 17 | `#0e5b62` | `oklch(43.07% 0.0692 204.92)` | Enamelled Jewel | white, 7.8 to 1 |
| 18 | `#16565f` | `oklch(41.70% 0.0632 208.72)` | Uncharted | white, 8.3 to 1 |
| 19 | `#1c525c` | `oklch(40.73% 0.0577 211.38)` | Recollection Blue | white, 8.7 to 1 |
| 20 | `#21505a` | `oklch(40.34% 0.0531 212.79)` | Sunken Mystery | white, 8.8 to 1 |
| 21 | `#265159` | `oklch(40.66% 0.0497 212.79)` | Sunken Mystery | white, 8.7 to 1 |
| 22 | `#2b545c` | `oklch(41.85% 0.0478 211.19)` | Stinkhorn | white, 8.3 to 1 |
| 23 | `#315a60` | `oklch(44.14% 0.0472 207.06)` | Petro Blue | white, 7.5 to 1 |
| 24 | `#396467` | `oklch(47.37% 0.0477 200.60)` | China Green Blue | white, 6.5 to 1 |
| 25 | `#44706e` | `oklch(51.31% 0.0490 192.37)` | Farrago | white, 5.5 to 1 |
| 26 | `#517e76` | `oklch(55.72% 0.0509 182.91)` | Dull Turquoise | white, 4.5 to 1 |
| 27 | `#608c7e` | `oklch(60.38% 0.0532 172.80)` | Sea Monster | black, 5.5 to 1 |
| 28 | `#709a85` | `oklch(65.05% 0.0557 162.57)` | Silent Sage | black, 6.6 to 1 |
| 29 | `#82a88c` | `oklch(69.49% 0.0582 152.78)` | Mermaid’s Cove | black, 7.9 to 1 |
| 30 | `#93b491` | `oklch(73.47% 0.0604 144.00)` | Mountain Fern | black, 9.1 to 1 |
| 31 | `#a1bd96` | `oklch(76.77% 0.0622 136.77)` | Quiet Green | black, 10.2 to 1 |
| 32 | `#acc49a` | `oklch(79.13% 0.0634 131.64)` | Geddy Green | black, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #986444 0.0%, #95653f 3.2%, #916737 6.5%, #8b6a30 9.7%, #826e2b 12.9%, #77722b 16.1%, #687531 19.4%, #57783b 22.6%, #457a47 25.8%, #327b52 29.0%, #1e7a5b 32.3%, #0a7762 35.5%, #007366 38.7%, #006d67 41.9%, #006767 45.2%, #026165 48.4%, #0e5b62 51.6%, #16565f 54.8%, #1c525c 58.1%, #21505a 61.3%, #265159 64.5%, #2b545c 67.7%, #315a60 71.0%, #396467 74.2%, #44706e 77.4%, #517e76 80.6%, #608c7e 83.9%, #709a85 87.1%, #82a88c 90.3%, #93b491 93.5%, #a1bd96 96.8%, #acc49a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.12% 0.0813 51.33) 0.0%, oklch(54.94% 0.0824 58.36) 3.2%, oklch(54.76% 0.0842 67.77) 6.5%, oklch(54.55% 0.0865 79.02) 9.7%, oklch(54.31% 0.0890 91.60) 12.9%, oklch(54.04% 0.0915 105.00) 16.1%, oklch(53.71% 0.0938 118.68) 19.4%, oklch(53.34% 0.0957 132.13) 22.6%, oklch(52.90% 0.0970 144.83) 25.8%, oklch(52.39% 0.0975 156.26) 29.0%, oklch(51.79% 0.0969 165.90) 32.3%, oklch(51.01% 0.0950 173.75) 35.5%, oklch(49.78% 0.0896 181.15) 38.7%, oklch(48.23% 0.0838 188.11) 41.9%, oklch(46.49% 0.0794 194.49) 45.2%, oklch(44.72% 0.0754 200.13) 48.4%, oklch(43.07% 0.0692 204.92) 51.6%, oklch(41.70% 0.0632 208.72) 54.8%, oklch(40.73% 0.0577 211.38) 58.1%, oklch(40.34% 0.0531 212.79) 61.3%, oklch(40.66% 0.0497 212.79) 64.5%, oklch(41.85% 0.0478 211.19) 67.7%, oklch(44.14% 0.0472 207.06) 71.0%, oklch(47.37% 0.0477 200.60) 74.2%, oklch(51.31% 0.0490 192.37) 77.4%, oklch(55.72% 0.0509 182.91) 80.6%, oklch(60.38% 0.0532 172.80) 83.9%, oklch(65.05% 0.0557 162.57) 87.1%, oklch(69.49% 0.0582 152.78) 90.3%, oklch(73.47% 0.0604 144.00) 93.5%, oklch(76.77% 0.0622 136.77) 96.8%, oklch(79.13% 0.0634 131.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.081 | 51.3 |
| 2 | 0.516 | 0.096 | 168.6 |
| 3 | 0.413 | 0.048 | 212 |
| 4 | 0.791 | 0.063 | 131.6 |

## In these collections

- [Forest gradients](https://grabient.com/forest-gradients)

## Other forms

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