# School Supply Color Wedges

Five angular wedges alternate purple, orange, paper white, graphite, and binder blue. The palette resembles markers, folders, notebook paper, pencil cases, and dark chalkboard details gathered across a desktop. Its sharp radial divisions make practical badge shapes, schedule markers, classroom icons, and lively back-to-school graphic accents.

- Also called: Purple, white, dark gray and blue angular swatches
- Seed: `kWd23VWD1MvkFREphasxqk_A`
- Page: https://grabient.com/kWd23VWD1MvkFREphasxqk_A?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: light center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.7 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 | `#6841a1` | `oklch(46.85% 0.1502 299.53)` | Poppy Pompadour | white, 7.3 to 1 |
| 2 | `#ed752f` | `oklch(69.29% 0.1681 47.32)` | Orange Crush | black, 7.2 to 1 |
| 3 | `#f4efe5` | `oklch(95.28% 0.0138 84.31)` | White Beach | black, 18.2 to 1 |
| 4 | `#31343d` | `oklch(32.68% 0.0152 268.89)` | Blue Plaza | white, 12.3 to 1 |
| 5 | `#4d72b5` | `oklch(55.51% 0.1130 261.49)` | Sinatra | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #6841a1 0.000% 20.000%, #ed752f 20.000% 40.000%, #f4efe5 40.000% 60.000%, #31343d 60.000% 80.000%, #4d72b5 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(46.85% 0.1502 299.53) 0.000% 20.000%, oklch(69.29% 0.1681 47.32) 20.000% 40.000%, oklch(95.28% 0.0138 84.31) 40.000% 60.000%, oklch(32.68% 0.0152 268.89) 60.000% 80.000%, oklch(55.51% 0.1130 261.49) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.15 | 299.5 |
| 2 | 0.693 | 0.168 | 407.3 |
| 3 | 0.953 | 0.014 | 444.3 |
| 4 | 0.327 | 0.015 | 268.9 |
| 5 | 0.555 | 0.113 | 261.5 |

## In these collections

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

## Other forms

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