# Mint green and gold palette

Analogous beige, green and teal linear gradient with 32 colors: #f3dfa4, #f2dfa5, #efe0a7, #ece1aa, #e9e2ad, #e6e3b0, #e3e4b2, #dfe4b4, #dce4b6, #d8e4b6, #d3e3b7, #cee3b7, #c9e2b8, #c3e1b8, #bee0b7, #b8deb6, #b1dcb5, #abdab2, #a3d7b0, #9cd5ad, #94d2a9, #8ccea5, #84cba1, #7cc69d, #74c299, #6bbc94, #63b68e, #5baf88, #53a882, #4ca37c, #479e77, #429a74. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Analogous beige, green and teal linear gradient
- Seed: `kW5jlA8pbC20ZQ5hI0GTyXAQ`
- Page: https://grabient.com/kW5jlA8pbC20ZQ5hI0GTyXAQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.6 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 | `#f3dfa4` | `oklch(90.55% 0.0785 90.70)` | Gold Strand | black, 15.8 to 1 |
| 2 | `#f2dfa5` | `oklch(90.55% 0.0770 92.60)` | Gold Strand | black, 15.8 to 1 |
| 3 | `#efe0a7` | `oklch(90.57% 0.0749 95.09)` | French Vanilla | black, 15.9 to 1 |
| 4 | `#ece1aa` | `oklch(90.61% 0.0723 98.05)` | Steam Chestnut | black, 15.9 to 1 |
| 5 | `#e9e2ad` | `oklch(90.63% 0.0695 101.37)` | Kiss of Lime | black, 15.9 to 1 |
| 6 | `#e6e3b0` | `oklch(90.60% 0.0668 104.93)` | Tusk | black, 15.9 to 1 |
| 7 | `#e3e4b2` | `oklch(90.52% 0.0645 108.61)` | Tusk | black, 15.9 to 1 |
| 8 | `#dfe4b4` | `oklch(90.35% 0.0628 112.30)` | Schabziger Green | black, 15.9 to 1 |
| 9 | `#dce4b6` | `oklch(90.08% 0.0619 115.91)` | Aloe Cream | black, 15.8 to 1 |
| 10 | `#d8e4b6` | `oklch(89.74% 0.0616 119.78)` | Natural Youth | black, 15.6 to 1 |
| 11 | `#d3e3b7` | `oklch(89.34% 0.0617 123.95)` | Celery Root | black, 15.4 to 1 |
| 12 | `#cee3b7` | `oklch(88.88% 0.0622 128.27)` | Iced Avocado | black, 15.2 to 1 |
| 13 | `#c9e2b8` | `oklch(88.35% 0.0631 132.61)` | Iced Avocado | black, 15 to 1 |
| 14 | `#c3e1b8` | `oklch(87.74% 0.0643 136.80)` | Ambrosia | black, 14.8 to 1 |
| 15 | `#bee0b7` | `oklch(87.05% 0.0659 140.69)` | Graceful Flower | black, 14.5 to 1 |
| 16 | `#b8deb6` | `oklch(86.26% 0.0678 144.14)` | Summer Sigh | black, 14.1 to 1 |
| 17 | `#b1dcb5` | `oklch(85.37% 0.0701 147.04)` | Celtic Spring | black, 13.7 to 1 |
| 18 | `#abdab2` | `oklch(84.39% 0.0732 149.54)` | Big Spender | black, 13.3 to 1 |
| 19 | `#a3d7b0` | `oklch(83.32% 0.0770 151.71)` | Frugal | black, 12.9 to 1 |
| 20 | `#9cd5ad` | `oklch(82.17% 0.0811 153.60)` | Chinook | black, 12.4 to 1 |
| 21 | `#94d2a9` | `oklch(80.94% 0.0853 155.24)` | Low Tide | black, 12 to 1 |
| 22 | `#8ccea5` | `oklch(79.62% 0.0893 156.68)` | Irish Spring | black, 11.5 to 1 |
| 23 | `#84cba1` | `oklch(78.23% 0.0930 157.96)` | Frost Gum | black, 10.9 to 1 |
| 24 | `#7cc69d` | `oklch(76.76% 0.0959 159.12)` | Foul Green | black, 10.4 to 1 |
| 25 | `#74c299` | `oklch(75.13% 0.0980 160.13)` | Felt Green | black, 9.8 to 1 |
| 26 | `#6bbc94` | `oklch(73.22% 0.0995 160.89)` | Katydid | black, 9.2 to 1 |
| 27 | `#63b68e` | `oklch(71.12% 0.1007 161.43)` | Crazy Eyes | black, 8.5 to 1 |
| 28 | `#5baf88` | `oklch(68.97% 0.1015 161.80)` | Verdigris Green | black, 7.9 to 1 |
| 29 | `#53a882` | `oklch(66.88% 0.1021 162.05)` | Laurel Wreath | black, 7.3 to 1 |
| 30 | `#4ca37c` | `oklch(64.97% 0.1026 162.23)` | Advertising Green | black, 6.8 to 1 |
| 31 | `#479e77` | `oklch(63.37% 0.1029 162.38)` | Natural Orchestra | black, 6.3 to 1 |
| 32 | `#429a74` | `oklch(62.20% 0.1033 162.56)` | Dancing Jewel | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f3dfa4 0.0%, #f2dfa5 3.2%, #efe0a7 6.5%, #ece1aa 9.7%, #e9e2ad 12.9%, #e6e3b0 16.1%, #e3e4b2 19.4%, #dfe4b4 22.6%, #dce4b6 25.8%, #d8e4b6 29.0%, #d3e3b7 32.3%, #cee3b7 35.5%, #c9e2b8 38.7%, #c3e1b8 41.9%, #bee0b7 45.2%, #b8deb6 48.4%, #b1dcb5 51.6%, #abdab2 54.8%, #a3d7b0 58.1%, #9cd5ad 61.3%, #94d2a9 64.5%, #8ccea5 67.7%, #84cba1 71.0%, #7cc69d 74.2%, #74c299 77.4%, #6bbc94 80.6%, #63b68e 83.9%, #5baf88 87.1%, #53a882 90.3%, #4ca37c 93.5%, #479e77 96.8%, #429a74 100.0%);
background: linear-gradient(90deg in oklch, oklch(90.55% 0.0785 90.70) 0.0%, oklch(90.55% 0.0770 92.60) 3.2%, oklch(90.57% 0.0749 95.09) 6.5%, oklch(90.61% 0.0723 98.05) 9.7%, oklch(90.63% 0.0695 101.37) 12.9%, oklch(90.60% 0.0668 104.93) 16.1%, oklch(90.52% 0.0645 108.61) 19.4%, oklch(90.35% 0.0628 112.30) 22.6%, oklch(90.08% 0.0619 115.91) 25.8%, oklch(89.74% 0.0616 119.78) 29.0%, oklch(89.34% 0.0617 123.95) 32.3%, oklch(88.88% 0.0622 128.27) 35.5%, oklch(88.35% 0.0631 132.61) 38.7%, oklch(87.74% 0.0643 136.80) 41.9%, oklch(87.05% 0.0659 140.69) 45.2%, oklch(86.26% 0.0678 144.14) 48.4%, oklch(85.37% 0.0701 147.04) 51.6%, oklch(84.39% 0.0732 149.54) 54.8%, oklch(83.32% 0.0770 151.71) 58.1%, oklch(82.17% 0.0811 153.60) 61.3%, oklch(80.94% 0.0853 155.24) 64.5%, oklch(79.62% 0.0893 156.68) 67.7%, oklch(78.23% 0.0930 157.96) 71.0%, oklch(76.76% 0.0959 159.12) 74.2%, oklch(75.13% 0.0980 160.13) 77.4%, oklch(73.22% 0.0995 160.89) 80.6%, oklch(71.12% 0.1007 161.43) 83.9%, oklch(68.97% 0.1015 161.80) 87.1%, oklch(66.88% 0.1021 162.05) 90.3%, oklch(64.97% 0.1026 162.23) 93.5%, oklch(63.37% 0.1029 162.38) 96.8%, oklch(62.20% 0.1033 162.56) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.079 | 90.7 |
| 2 | 0.902 | 0.062 | 115 |
| 3 | 0.858 | 0.069 | 145.7 |
| 4 | 0.764 | 0.096 | 159.4 |
| 5 | 0.622 | 0.103 | 162.6 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)

## Other forms

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