# Indigo, bronze and emerald school uniform palette

The Indigo, bronze and emerald school uniform palette brings together blue, magenta, red, orange, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is magenta, and its lightest tone is green.

- Also called: Blue, brown and green radial swatches
- Seed: `kYX1K_ryhIsI1RlTsMP3DXFte0wy`
- Page: https://grabient.com/kYX1K_ryhIsI1RlTsMP3DXFte0wy?style=radialSwatches&steps=6&angle=45
- Drawn as: radial swatches, 6 steps, 45 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#293a7c` | `oklch(37.40% 0.1130 269.30)` | Surf the Web | white, 10.5 to 1 |
| 2 | `#65224f` | `oklch(37.01% 0.1102 343.27)` | Plum Caspia | white, 11 to 1 |
| 3 | `#ac4222` | `oklch(51.97% 0.1461 37.16)` | Crimson Blaze | white, 5.9 to 1 |
| 4 | `#c4811c` | `oklch(65.75% 0.1337 70.98)` | Turmeric Brown | black, 6.5 to 1 |
| 5 | `#9bb338` | `oklch(72.44% 0.1474 119.59)` | Booger | black, 8.8 to 1 |
| 6 | `#55b364` | `oklch(68.90% 0.1447 147.07)` | Samphire Green | black, 7.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #293a7c 0.000% 16.667%, #65224f 16.667% 33.333%, #ac4222 33.333% 50.000%, #c4811c 50.000% 66.667%, #9bb338 66.667% 83.333%, #55b364 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(37.40% 0.1130 269.30) 0.000% 16.667%, oklch(37.01% 0.1102 343.27) 16.667% 33.333%, oklch(51.97% 0.1461 37.16) 33.333% 50.000%, oklch(65.75% 0.1337 70.98) 50.000% 66.667%, oklch(72.44% 0.1474 119.59) 66.667% 83.333%, oklch(68.90% 0.1447 147.07) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.113 | 269.3 |
| 2 | 0.37 | 0.11 | 343.3 |
| 3 | 0.52 | 0.146 | 397.2 |
| 4 | 0.657 | 0.134 | 431 |
| 5 | 0.724 | 0.147 | 479.6 |
| 6 | 0.689 | 0.145 | 507.1 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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