# Blush, ochre and teal back to school

The Blush, ochre and teal back to school brings together red, orange, yellow, green, and teal. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits stationery systems and print layouts. Its darkest tone is red, and its lightest tone is yellow.

- Also called: Pink, yellow, green and light blue angular swatches
- Seed: `kWsZkF3D9EfI8xluxsN5ydHY`
- Page: https://grabient.com/kWsZkF3D9EfI8xluxsN5ydHY?style=angularSwatches&steps=5&angle=270
- Drawn as: angular swatches, 5 steps, 270 degrees
- Kinds: vivid, neon, light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#ff5986` | `oklch(69.68% 0.2023 7.73)` | Stellar Strawberry | black, 7 to 1 |
| 2 | `#fb7d39` | `oklch(72.44% 0.1736 45.78)` | Beniukon Bronze | black, 8 to 1 |
| 3 | `#f8df43` | `oklch(89.76% 0.1667 99.67)` | Fluffy Duckling | black, 15.5 to 1 |
| 4 | `#abec51` | `oklch(87.01% 0.1943 129.26)` | Inchworm | black, 14.8 to 1 |
| 5 | `#5fd7d4` | `oklch(81.10% 0.1075 192.67)` | Hammam Blue | black, 12.1 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #ff5986 0.000% 20.000%, #fb7d39 20.000% 40.000%, #f8df43 40.000% 60.000%, #abec51 60.000% 80.000%, #5fd7d4 80.000% 100.000%);
background: conic-gradient(from 270deg, oklch(69.68% 0.2023 7.73) 0.000% 20.000%, oklch(72.44% 0.1736 45.78) 20.000% 40.000%, oklch(89.76% 0.1667 99.67) 40.000% 60.000%, oklch(87.01% 0.1943 129.26) 60.000% 80.000%, oklch(81.10% 0.1075 192.67) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.697 | 0.211 | 7.7 |
| 2 | 0.724 | 0.174 | 45.8 |
| 3 | 0.898 | 0.167 | 99.7 |
| 4 | 0.87 | 0.194 | 129.3 |
| 5 | 0.811 | 0.107 | 192.7 |

## In these collections

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

## Other forms

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