# Seattle Storm greens and yellow

Four distinct swatches inspired by the Seattle Storm pair deep forest green with vivid yellow green, clear yellow and white. The digital colors approximate the team's logo colors. Dark green provides weight, the brighter green adds energy, and the yellow and white bring clean contrast to sports graphics and bold layouts.

- Also called: Dark green, yellow and white linear swatches
- Seed: `kUZjBrXMW93NDPB_AD7A`
- Page: https://grabient.com/kUZjBrXMW93NDPB_AD7A?style=linearSwatches&steps=4&angle=270
- Drawn as: linear swatches, 4 steps, 270 degrees
- Kinds: dark to light, vivid, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.8 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 | `#2b5235` | `oklch(40.16% 0.0661 150.47)` | Kaitoke Green | white, 8.8 to 1 |
| 2 | `#76bf24` | `oklch(72.83% 0.1915 132.50)` | Kiwi Crush | black, 9.2 to 1 |
| 3 | `#fde119` | `oklch(90.55% 0.1846 99.74)` | Dandelion | black, 15.9 to 1 |
| 4 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 20.9 to 1 |

## CSS

```css
background: linear-gradient(270deg, #2b5235 0.000% 25.000%, #76bf24 25.000% 50.000%, #fde119 50.000% 75.000%, #ffffff 75.000% 100.000%);
background: linear-gradient(270deg, oklch(40.16% 0.0661 150.47) 0.000% 25.000%, oklch(72.83% 0.1915 132.50) 25.000% 50.000%, oklch(90.55% 0.1846 99.74) 50.000% 75.000%, oklch(100.00% 0.0000 89.88) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.066 | 150.5 |
| 2 | 0.728 | 0.192 | 132.5 |
| 3 | 0.906 | 0.185 | 99.7 |
| 4 | 1 | 0 | 90.2 |

## In these collections

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

## Other forms

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