# Teal, brown and black radial swatches

Teal, brown and black radial swatches with 40 colors: #48736f, #49746c, #4b7567, #4f755f, #577556, #62744c, #6d7143, #796e3d, #846a3a, #8d673c, #946441, #996346, #9c624b, #9e634d, #a0654d, #a16a4c, #a1704a, #9f7849, #9a814d, #928a54, #899360, #7f996f, #769e7d, #70a08a, #6ca094, #699e99, #679a9a, #639397, #5e8a90, #568086, #4d747b, #44676e, #395a61, #2f4d53, #244146, #1b363a, #122b2f, #0a2325, #051b1e, #021618. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUhSOGRx6udKT0mXikDA`
- Page: https://grabient.com/kUhSOGRx6udKT0mXikDA?style=radialSwatches&steps=40&angle=0
- Drawn as: radial swatches, 40 steps, 0 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#48736f` | `oklch(52.36% 0.0482 188.44)` | Sinkhole | white, 5.2 to 1 |
| 2 | `#49746c` | `oklch(52.50% 0.0500 181.07)` | Smoky Emerald | white, 5.2 to 1 |
| 3 | `#4b7567` | `oklch(52.66% 0.0524 170.78)` | Tandayapa Cloud Forest | white, 5.2 to 1 |
| 4 | `#4f755f` | `oklch(52.83% 0.0554 158.16)` | Green Valley | white, 5.1 to 1 |
| 5 | `#577556` | `oklch(53.01% 0.0588 143.85)` | Elm Green | white, 5.1 to 1 |
| 6 | `#62744c` | `oklch(53.22% 0.0624 128.46)` | Dill Pickle | white, 5.1 to 1 |
| 7 | `#6d7143` | `oklch(53.44% 0.0662 112.60)` | Oakmoss | white, 5.1 to 1 |
| 8 | `#796e3d` | `oklch(53.70% 0.0699 96.90)` | Garden Weed | white, 5.1 to 1 |
| 9 | `#846a3a` | `oklch(53.98% 0.0735 81.96)` | By Gum | white, 5 to 1 |
| 10 | `#8d673c` | `oklch(54.29% 0.0767 68.42)` | Beagle Brown | white, 5 to 1 |
| 11 | `#946441` | `oklch(54.64% 0.0796 56.88)` | Antiquarian Brown | white, 5 to 1 |
| 12 | `#996346` | `oklch(55.02% 0.0818 47.97)` | Natural Cork | white, 4.9 to 1 |
| 13 | `#9c624b` | `oklch(55.44% 0.0834 42.30)` | Tuscan Rooftops | white, 4.9 to 1 |
| 14 | `#9e634d` | `oklch(55.91% 0.0841 40.49)` | Tuscan Rooftops | white, 4.8 to 1 |
| 15 | `#a0654d` | `oklch(56.57% 0.0839 42.96)` | Antique Copper | white, 4.6 to 1 |
| 16 | `#a16a4c` | `oklch(57.55% 0.0830 49.28)` | Hazel | black, 4.6 to 1 |
| 17 | `#a1704a` | `oklch(58.76% 0.0815 58.86)` | Cashew | black, 4.9 to 1 |
| 18 | `#9f7849` | `oklch(60.10% 0.0795 71.06)` | Wave of Grain | black, 5.2 to 1 |
| 19 | `#9a814d` | `oklch(61.51% 0.0770 85.26)` | Heart of Gold | black, 5.6 to 1 |
| 20 | `#928a54` | `oklch(62.90% 0.0743 100.86)` | Cornus Green | black, 6 to 1 |
| 21 | `#899360` | `oklch(64.18% 0.0712 117.22)` | Epsom | black, 6.3 to 1 |
| 22 | `#7f996f` | `oklch(65.27% 0.0681 133.74)` | Mesa Verde | black, 6.7 to 1 |
| 23 | `#769e7d` | `oklch(66.09% 0.0649 149.78)` | Aquadulce | black, 6.9 to 1 |
| 24 | `#70a08a` | `oklch(66.55% 0.0618 164.74)` | Peahen | black, 7.1 to 1 |
| 25 | `#6ca094` | `oklch(66.57% 0.0588 177.99)` | Jade Dragon | black, 7.1 to 1 |
| 26 | `#699e99` | `oklch(66.07% 0.0561 188.91)` | Canton | black, 6.9 to 1 |
| 27 | `#679a9a` | `oklch(64.96% 0.0537 196.89)` | Desaturated Cyan | black, 6.6 to 1 |
| 28 | `#639397` | `oklch(63.08% 0.0515 202.36)` | Clear Brook | black, 6.1 to 1 |
| 29 | `#5e8a90` | `oklch(60.41% 0.0492 206.31)` | Dusty Turquoise | black, 5.5 to 1 |
| 30 | `#568086` | `oklch(57.08% 0.0469 208.92)` | La Pineta | black, 4.8 to 1 |
| 31 | `#4d747b` | `oklch(53.24% 0.0445 210.40)` | Vining Ivy | white, 5.1 to 1 |
| 32 | `#44676e` | `oklch(49.02% 0.0422 210.92)` | Mythic Forest | white, 6.1 to 1 |
| 33 | `#395a61` | `oklch(44.57% 0.0399 210.70)` | Autumn Night | white, 7.4 to 1 |
| 34 | `#2f4d53` | `oklch(40.02% 0.0377 209.91)` | Iron Head | white, 9 to 1 |
| 35 | `#244146` | `oklch(35.52% 0.0355 208.76)` | Emerald Forest | white, 10.9 to 1 |
| 36 | `#1b363a` | `oklch(31.19% 0.0335 207.44)` | Cruel Sea | white, 12.9 to 1 |
| 37 | `#122b2f` | `oklch(27.19% 0.0317 206.14)` | Black Chasm | white, 14.8 to 1 |
| 38 | `#0a2325` | `oklch(23.65% 0.0301 205.05)` | Teal Spill | white, 16.4 to 1 |
| 39 | `#051b1e` | `oklch(20.71% 0.0287 204.37)` | Black Stallion | white, 17.7 to 1 |
| 40 | `#021618` | `oklch(18.50% 0.0276 204.29)` | Black Is Back | white, 18.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #48736f 0.000% 2.500%, #49746c 2.500% 5.000%, #4b7567 5.000% 7.500%, #4f755f 7.500% 10.000%, #577556 10.000% 12.500%, #62744c 12.500% 15.000%, #6d7143 15.000% 17.500%, #796e3d 17.500% 20.000%, #846a3a 20.000% 22.500%, #8d673c 22.500% 25.000%, #946441 25.000% 27.500%, #996346 27.500% 30.000%, #9c624b 30.000% 32.500%, #9e634d 32.500% 35.000%, #a0654d 35.000% 37.500%, #a16a4c 37.500% 40.000%, #a1704a 40.000% 42.500%, #9f7849 42.500% 45.000%, #9a814d 45.000% 47.500%, #928a54 47.500% 50.000%, #899360 50.000% 52.500%, #7f996f 52.500% 55.000%, #769e7d 55.000% 57.500%, #70a08a 57.500% 60.000%, #6ca094 60.000% 62.500%, #699e99 62.500% 65.000%, #679a9a 65.000% 67.500%, #639397 67.500% 70.000%, #5e8a90 70.000% 72.500%, #568086 72.500% 75.000%, #4d747b 75.000% 77.500%, #44676e 77.500% 80.000%, #395a61 80.000% 82.500%, #2f4d53 82.500% 85.000%, #244146 85.000% 87.500%, #1b363a 87.500% 90.000%, #122b2f 90.000% 92.500%, #0a2325 92.500% 95.000%, #051b1e 95.000% 97.500%, #021618 97.500% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(52.36% 0.0482 188.44) 0.000% 2.500%, oklch(52.50% 0.0500 181.07) 2.500% 5.000%, oklch(52.66% 0.0524 170.78) 5.000% 7.500%, oklch(52.83% 0.0554 158.16) 7.500% 10.000%, oklch(53.01% 0.0588 143.85) 10.000% 12.500%, oklch(53.22% 0.0624 128.46) 12.500% 15.000%, oklch(53.44% 0.0662 112.60) 15.000% 17.500%, oklch(53.70% 0.0699 96.90) 17.500% 20.000%, oklch(53.98% 0.0735 81.96) 20.000% 22.500%, oklch(54.29% 0.0767 68.42) 22.500% 25.000%, oklch(54.64% 0.0796 56.88) 25.000% 27.500%, oklch(55.02% 0.0818 47.97) 27.500% 30.000%, oklch(55.44% 0.0834 42.30) 30.000% 32.500%, oklch(55.91% 0.0841 40.49) 32.500% 35.000%, oklch(56.57% 0.0839 42.96) 35.000% 37.500%, oklch(57.55% 0.0830 49.28) 37.500% 40.000%, oklch(58.76% 0.0815 58.86) 40.000% 42.500%, oklch(60.10% 0.0795 71.06) 42.500% 45.000%, oklch(61.51% 0.0770 85.26) 45.000% 47.500%, oklch(62.90% 0.0743 100.86) 47.500% 50.000%, oklch(64.18% 0.0712 117.22) 50.000% 52.500%, oklch(65.27% 0.0681 133.74) 52.500% 55.000%, oklch(66.09% 0.0649 149.78) 55.000% 57.500%, oklch(66.55% 0.0618 164.74) 57.500% 60.000%, oklch(66.57% 0.0588 177.99) 60.000% 62.500%, oklch(66.07% 0.0561 188.91) 62.500% 65.000%, oklch(64.96% 0.0537 196.89) 65.000% 67.500%, oklch(63.08% 0.0515 202.36) 67.500% 70.000%, oklch(60.41% 0.0492 206.31) 70.000% 72.500%, oklch(57.08% 0.0469 208.92) 72.500% 75.000%, oklch(53.24% 0.0445 210.40) 75.000% 77.500%, oklch(49.02% 0.0422 210.92) 77.500% 80.000%, oklch(44.57% 0.0399 210.70) 80.000% 82.500%, oklch(40.02% 0.0377 209.91) 82.500% 85.000%, oklch(35.52% 0.0355 208.76) 85.000% 87.500%, oklch(31.19% 0.0335 207.44) 87.500% 90.000%, oklch(27.19% 0.0317 206.14) 90.000% 92.500%, oklch(23.65% 0.0301 205.05) 92.500% 95.000%, oklch(20.71% 0.0287 204.37) 95.000% 97.500%, oklch(18.50% 0.0276 204.29) 97.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.048 | 188.4 |
| 2 | 0.559 | 0.084 | 40.5 |
| 3 | 0.65 | 0.054 | 196.9 |
| 4 | 0.185 | 0.028 | 204.3 |

## In these collections

- [Vintage wine and teal](https://grabient.com/vintage-wine-and-teal)

## Other forms

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