# Forest green and yellow back to school

The Forest green and yellow back to school brings together green, pale green, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Analogous green, off-white and yellow linear swatches
- Seed: `kUdVdpd4k82qzPNSpMWg`
- Page: https://grabient.com/kUdVdpd4k82qzPNSpMWg?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#19692e` | `oklch(46.06% 0.1199 147.66)` | Ireland Green | white, 6.7 to 1 |
| 2 | `#e9eedc` | `oklch(94.09% 0.0248 121.24)` | Bethlehem Superstar | black, 17.7 to 1 |
| 3 | `#e7c951` | `oklch(83.86% 0.1406 94.82)` | Golden Trident | black, 12.8 to 1 |
| 4 | `#699f66` | `oklch(64.96% 0.1006 143.43)` | Green Hornet | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #19692e 0.000% 25.000%, #e9eedc 25.000% 50.000%, #e7c951 50.000% 75.000%, #699f66 75.000% 100.000%);
background: linear-gradient(90deg, oklch(46.06% 0.1199 147.66) 0.000% 25.000%, oklch(94.09% 0.0248 121.24) 25.000% 50.000%, oklch(83.86% 0.1406 94.82) 50.000% 75.000%, oklch(64.96% 0.1006 143.43) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.461 | 0.12 | 147.7 |
| 2 | 0.941 | 0.025 | 121.2 |
| 3 | 0.839 | 0.141 | 94.8 |
| 4 | 0.65 | 0.101 | 143.4 |

## In these collections

- [Back to school swatches](https://grabient.com/back-to-school-swatches)

## Other forms

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