# Cobalt blue, ochre and wine school uniform

The Cobalt blue, ochre and wine school uniform brings together blue, teal, green, orange, red, and magenta. 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: Rainbow from blue to purple linear swatches
- Seed: `kYfEOu0564tujOLTLDjvrI8a0eua`
- Page: https://grabient.com/kYfEOu0564tujOLTLDjvrI8a0eua?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: light center, vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#2d6491` | `oklch(48.82% 0.0923 245.39)` | Starry Night | white, 6.2 to 1 |
| 2 | `#4ea297` | `oklch(65.75% 0.0841 184.10)` | Aqua Revival | black, 6.9 to 1 |
| 3 | `#99af6a` | `oklch(72.05% 0.0965 122.81)` | Matcha Mecha | black, 8.6 to 1 |
| 4 | `#c37e37` | `oklch(65.35% 0.1213 63.63)` | Ginger Beer | black, 6.3 to 1 |
| 5 | `#a03c26` | `oklch(49.21% 0.1378 34.04)` | Edocha | white, 6.6 to 1 |
| 6 | `#582848` | `oklch(35.43% 0.0841 341.20)` | Winter Bloom | white, 11.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #2d6491 0.000% 16.667%, #4ea297 16.667% 33.333%, #99af6a 33.333% 50.000%, #c37e37 50.000% 66.667%, #a03c26 66.667% 83.333%, #582848 83.333% 100.000%);
background: linear-gradient(0deg, oklch(48.82% 0.0923 245.39) 0.000% 16.667%, oklch(65.75% 0.0841 184.10) 16.667% 33.333%, oklch(72.05% 0.0965 122.81) 33.333% 50.000%, oklch(65.35% 0.1213 63.63) 50.000% 66.667%, oklch(49.21% 0.1378 34.04) 66.667% 83.333%, oklch(35.43% 0.0841 341.20) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.092 | 245.4 |
| 2 | 0.657 | 0.084 | 184.1 |
| 3 | 0.72 | 0.096 | 122.8 |
| 4 | 0.654 | 0.121 | 63.6 |
| 5 | 0.492 | 0.138 | 34 |
| 6 | 0.354 | 0.084 | -18.8 |

## In these collections

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

## Other forms

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