# Teal leaves and marigold flowers

Dark leafy teal and brighter green turquoise meet flower pink and marigold gold in four broad swatches. The balance of foliage colors and warm floral accents suggests a decorated altar with a lively yet grounded mood. Use this Day of the Dead palette for flower illustrations, event posters, and remembrance stationery.

- Also called: Dark green, teal, pink and orange linear swatches
- Seed: `kUaCx-0aY_szFq3juMkA`
- Page: https://grabient.com/kUaCx-0aY_szFq3juMkA?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#1e554a` | `oklch(40.94% 0.0606 177.89)` | Bagpiper | white, 8.5 to 1 |
| 2 | `#32a18a` | `oklch(64.17% 0.1047 175.78)` | Stamp Pad Green | black, 6.6 to 1 |
| 3 | `#d63f77` | `oklch(60.24% 0.1915 2.47)` | Jaipur Pink | black, 4.8 to 1 |
| 4 | `#ecab20` | `oklch(78.35% 0.1557 79.61)` | Apricot Glazed Chicken | black, 10.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1e554a 0.000% 25.000%, #32a18a 25.000% 50.000%, #d63f77 50.000% 75.000%, #ecab20 75.000% 100.000%);
background: linear-gradient(90deg, oklch(40.94% 0.0606 177.89) 0.000% 25.000%, oklch(64.17% 0.1047 175.78) 25.000% 50.000%, oklch(60.24% 0.1915 2.47) 50.000% 75.000%, oklch(78.35% 0.1557 79.61) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.061 | 177.9 |
| 2 | 0.642 | 0.105 | 175.8 |
| 3 | 0.602 | 0.192 | 2.5 |
| 4 | 0.783 | 0.156 | 79.6 |

## In these collections

- [Day of the Dead swatches](https://grabient.com/day-of-the-dead-swatches)

## Other forms

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