# Deep teal and yellow spring garden wedding

The Deep teal and yellow spring garden wedding brings together teal, green, light green, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is teal, and its lightest tone is gold.

- Also called: Analogous teal to light green linear gradient
- Seed: `kWbyeASRnAl2dPVsI7x7yy9Q`
- Page: https://grabient.com/kWbyeASRnAl2dPVsI7x7yy9Q?steps=32&angle=0
- Drawn as: linear gradient, 32 steps, 0 degrees
- Kinds: dark to light, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#2d5c53` | `oklch(43.70% 0.0537 180.00)` | Holly Leaf | white, 7.6 to 1 |
| 2 | `#2e5f56` | `oklch(44.79% 0.0551 180.62)` | Holly Bush | white, 7.2 to 1 |
| 3 | `#30635b` | `oklch(46.22% 0.0570 181.67)` | Alliance | white, 6.8 to 1 |
| 4 | `#326860` | `oklch(47.92% 0.0593 182.92)` | Galapagos Green | white, 6.3 to 1 |
| 5 | `#356e67` | `oklch(49.83% 0.0617 184.18)` | Deep Pool Teal | white, 5.8 to 1 |
| 6 | `#38756d` | `oklch(51.86% 0.0642 185.22)` | Green Sleeves | white, 5.3 to 1 |
| 7 | `#3b7b74` | `oklch(53.94% 0.0667 185.85)` | Pearl Green | white, 4.9 to 1 |
| 8 | `#3f827a` | `oklch(56.00% 0.0689 185.83)` | Bubble Turquoise | black, 4.6 to 1 |
| 9 | `#448880` | `oklch(57.97% 0.0707 184.99)` | Carlisle | black, 5 to 1 |
| 10 | `#498e84` | `oklch(60.00% 0.0721 183.34)` | Lochinvar | black, 5.5 to 1 |
| 11 | `#509589` | `oklch(62.14% 0.0733 181.07)` | Martian Cerulean | black, 6 to 1 |
| 12 | `#579c8d` | `oklch(64.32% 0.0744 178.30)` | Petrol Green | black, 6.5 to 1 |
| 13 | `#5fa391` | `oklch(66.52% 0.0754 175.15)` | Polished Pine | black, 7.1 to 1 |
| 14 | `#66aa95` | `oklch(68.68% 0.0764 171.77)` | Calmness | black, 7.7 to 1 |
| 15 | `#6eb198` | `oklch(70.76% 0.0776 168.27)` | Dusty Jade Green | black, 8.3 to 1 |
| 16 | `#76b79a` | `oklch(72.71% 0.0791 164.79)` | Mountain Lake Green | black, 9 to 1 |
| 17 | `#7dbd9c` | `oklch(74.51% 0.0808 161.38)` | Neptune Green | black, 9.6 to 1 |
| 18 | `#84c29e` | `oklch(76.27% 0.0828 157.72)` | Willow Hedge | black, 10.2 to 1 |
| 19 | `#8cc89f` | `oklch(77.97% 0.0848 153.83)` | Foul Green | black, 10.8 to 1 |
| 20 | `#94cd9f` | `oklch(79.61% 0.0871 149.82)` | Garden Goddess | black, 11.4 to 1 |
| 21 | `#9cd19f` | `oklch(81.13% 0.0894 145.77)` | Low Tide | black, 12 to 1 |
| 22 | `#a4d59e` | `oklch(82.53% 0.0919 141.77)` | Pistachio Green | black, 12.6 to 1 |
| 23 | `#acd99d` | `oklch(83.76% 0.0945 137.94)` | Cool Aloe | black, 13.1 to 1 |
| 24 | `#b3dc9b` | `oklch(84.81% 0.0971 134.35)` | Witty Green | black, 13.5 to 1 |
| 25 | `#b9de98` | `oklch(85.64% 0.1001 130.97)` | Basil Smash | black, 13.9 to 1 |
| 26 | `#bfdf95` | `oklch(86.23% 0.1035 127.55)` | Tree Line | black, 14.1 to 1 |
| 27 | `#c4e090` | `oklch(86.64% 0.1071 124.18)` | Coincidence | black, 14.3 to 1 |
| 28 | `#c9df8b` | `oklch(86.91% 0.1109 120.95)` | Coincidence | black, 14.4 to 1 |
| 29 | `#cedf86` | `oklch(87.07% 0.1145 117.95)` | Fresh Pear | black, 14.5 to 1 |
| 30 | `#d2de82` | `oklch(87.18% 0.1178 115.28)` | Fresh Pear | black, 14.5 to 1 |
| 31 | `#d5de7e` | `oklch(87.28% 0.1206 113.03)` | Ajwain Green | black, 14.5 to 1 |
| 32 | `#d8dd7b` | `oklch(87.40% 0.1226 111.31)` | Carolina Parakeet | black, 14.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #2d5c53 0.0%, #2e5f56 3.2%, #30635b 6.5%, #326860 9.7%, #356e67 12.9%, #38756d 16.1%, #3b7b74 19.4%, #3f827a 22.6%, #448880 25.8%, #498e84 29.0%, #509589 32.3%, #579c8d 35.5%, #5fa391 38.7%, #66aa95 41.9%, #6eb198 45.2%, #76b79a 48.4%, #7dbd9c 51.6%, #84c29e 54.8%, #8cc89f 58.1%, #94cd9f 61.3%, #9cd19f 64.5%, #a4d59e 67.7%, #acd99d 71.0%, #b3dc9b 74.2%, #b9de98 77.4%, #bfdf95 80.6%, #c4e090 83.9%, #c9df8b 87.1%, #cedf86 90.3%, #d2de82 93.5%, #d5de7e 96.8%, #d8dd7b 100.0%);
background: linear-gradient(0deg in oklch, oklch(43.70% 0.0537 180.00) 0.0%, oklch(44.79% 0.0551 180.62) 3.2%, oklch(46.22% 0.0570 181.67) 6.5%, oklch(47.92% 0.0593 182.92) 9.7%, oklch(49.83% 0.0617 184.18) 12.9%, oklch(51.86% 0.0642 185.22) 16.1%, oklch(53.94% 0.0667 185.85) 19.4%, oklch(56.00% 0.0689 185.83) 22.6%, oklch(57.97% 0.0707 184.99) 25.8%, oklch(60.00% 0.0721 183.34) 29.0%, oklch(62.14% 0.0733 181.07) 32.3%, oklch(64.32% 0.0744 178.30) 35.5%, oklch(66.52% 0.0754 175.15) 38.7%, oklch(68.68% 0.0764 171.77) 41.9%, oklch(70.76% 0.0776 168.27) 45.2%, oklch(72.71% 0.0791 164.79) 48.4%, oklch(74.51% 0.0808 161.38) 51.6%, oklch(76.27% 0.0828 157.72) 54.8%, oklch(77.97% 0.0848 153.83) 58.1%, oklch(79.61% 0.0871 149.82) 61.3%, oklch(81.13% 0.0894 145.77) 64.5%, oklch(82.53% 0.0919 141.77) 67.7%, oklch(83.76% 0.0945 137.94) 71.0%, oklch(84.81% 0.0971 134.35) 74.2%, oklch(85.64% 0.1001 130.97) 77.4%, oklch(86.23% 0.1035 127.55) 80.6%, oklch(86.64% 0.1071 124.18) 83.9%, oklch(86.91% 0.1109 120.95) 87.1%, oklch(87.07% 0.1145 117.95) 90.3%, oklch(87.18% 0.1178 115.28) 93.5%, oklch(87.28% 0.1206 113.03) 96.8%, oklch(87.40% 0.1226 111.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.437 | 0.054 | 180 |
| 2 | 0.575 | 0.07 | 185.3 |
| 3 | 0.736 | 0.08 | 163.1 |
| 4 | 0.85 | 0.098 | 133.5 |
| 5 | 0.874 | 0.123 | 111.3 |

## In these collections

- [Spring garden wedding](https://grabient.com/spring-garden-wedding)

## Other forms

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