# Plum, turquoise and stone school uniform palette

The Plum, turquoise and stone school uniform palette brings together dark magenta, blue, light teal, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark magenta, and its lightest tone is light green.

- Also called: Dark purple, blue and gray linear gradient
- Seed: `kYQCPlp5-4rulPjQob2YJg8mYRug`
- Page: https://grabient.com/kYQCPlp5-4rulPjQob2YJg8mYRug?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.9 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 | `#2d1a30` | `oklch(25.20% 0.0482 322.73)` | Bleached Cedar | white, 16.1 to 1 |
| 2 | `#2d1b34` | `oklch(25.71% 0.0525 315.82)` | Blackcurrant | white, 15.9 to 1 |
| 3 | `#2c1c3b` | `oklch(26.32% 0.0586 305.86)` | Blackcurrant | white, 15.6 to 1 |
| 4 | `#291f43` | `oklch(27.08% 0.0658 294.22)` | Throat | white, 15.3 to 1 |
| 5 | `#24234c` | `oklch(28.04% 0.0733 282.25)` | Black Market | white, 14.8 to 1 |
| 6 | `#1e2853` | `oklch(29.25% 0.0802 271.31)` | Space Cadet | white, 14.1 to 1 |
| 7 | `#172d5a` | `oklch(30.76% 0.0859 262.75)` | Ambassador Blue | white, 13.4 to 1 |
| 8 | `#123462` | `oklch(32.65% 0.0901 257.30)` | Funnel Cloud | white, 12.4 to 1 |
| 9 | `#103b69` | `oklch(34.93% 0.0937 253.91)` | Ateneo Blue | white, 11.3 to 1 |
| 10 | `#114272` | `oklch(37.50% 0.0966 251.90)` | Epic Adventure | white, 10.2 to 1 |
| 11 | `#164a7b` | `oklch(40.25% 0.0990 250.62)` | Thunder Night | white, 9.1 to 1 |
| 12 | `#1b5284` | `oklch(43.05% 0.1007 249.43)` | Lake Baikal | white, 8 to 1 |
| 13 | `#1f5b8d` | `oklch(45.79% 0.1017 247.66)` | Sapphire Lace | white, 7.1 to 1 |
| 14 | `#226494` | `oklch(48.44% 0.1021 244.95)` | Starry Night | white, 6.3 to 1 |
| 15 | `#266c9b` | `oklch(51.16% 0.1016 242.05)` | Blues | white, 5.6 to 1 |
| 16 | `#2b76a2` | `oklch(53.93% 0.1005 239.03)` | Taiwan Blue Magpie | white, 4.9 to 1 |
| 17 | `#317fa9` | `oklch(56.69% 0.0988 235.86)` | Prominent Blue | black, 4.7 to 1 |
| 18 | `#3888ae` | `oklch(59.38% 0.0966 232.48)` | Underwater Moonlight | black, 5.2 to 1 |
| 19 | `#3f91b3` | `oklch(61.94% 0.0940 228.87)` | Navagio Bay | black, 5.8 to 1 |
| 20 | `#4799b7` | `oklch(64.33% 0.0911 225.01)` | Coastline Blue | black, 6.4 to 1 |
| 21 | `#4fa1ba` | `oklch(66.66% 0.0874 221.12)` | Inuit | black, 7.1 to 1 |
| 22 | `#59a8bd` | `oklch(68.93% 0.0830 217.11)` | Verditer Blue | black, 7.7 to 1 |
| 23 | `#63afbf` | `oklch(71.08% 0.0783 212.83)` | Finnish Fiord | black, 8.4 to 1 |
| 24 | `#6db5c0` | `oklch(73.05% 0.0736 208.12)` | Riverside Blue | black, 9 to 1 |
| 25 | `#77bbc1` | `oklch(74.79% 0.0692 202.81)` | Warm Waters | black, 9.6 to 1 |
| 26 | `#7fbfc0` | `oklch(76.25% 0.0654 196.73)` | Pure Turquoise | black, 10.1 to 1 |
| 27 | `#87c3bd` | `oklch(77.41% 0.0619 189.00)` | Undine | black, 10.5 to 1 |
| 28 | `#8fc5ba` | `oklch(78.31% 0.0584 179.96)` | Little Blue Box | black, 10.8 to 1 |
| 29 | `#98c7b5` | `oklch(79.00% 0.0552 170.48)` | Float Your Boat | black, 11.1 to 1 |
| 30 | `#9fc7b2` | `oklch(79.53% 0.0524 161.46)` | Lobaria Lichen | black, 11.3 to 1 |
| 31 | `#a6c8af` | `oklch(79.95% 0.0500 153.79)` | Pastel Meadow | black, 11.4 to 1 |
| 32 | `#aac8ae` | `oklch(80.31% 0.0482 148.37)` | Pastel Meadow | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2d1a30 0.0%, #2d1b34 3.2%, #2c1c3b 6.5%, #291f43 9.7%, #24234c 12.9%, #1e2853 16.1%, #172d5a 19.4%, #123462 22.6%, #103b69 25.8%, #114272 29.0%, #164a7b 32.3%, #1b5284 35.5%, #1f5b8d 38.7%, #226494 41.9%, #266c9b 45.2%, #2b76a2 48.4%, #317fa9 51.6%, #3888ae 54.8%, #3f91b3 58.1%, #4799b7 61.3%, #4fa1ba 64.5%, #59a8bd 67.7%, #63afbf 71.0%, #6db5c0 74.2%, #77bbc1 77.4%, #7fbfc0 80.6%, #87c3bd 83.9%, #8fc5ba 87.1%, #98c7b5 90.3%, #9fc7b2 93.5%, #a6c8af 96.8%, #aac8ae 100.0%);
background: linear-gradient(45deg in oklch, oklch(25.20% 0.0482 322.73) 0.0%, oklch(25.71% 0.0525 315.82) 3.2%, oklch(26.32% 0.0586 305.86) 6.5%, oklch(27.08% 0.0658 294.22) 9.7%, oklch(28.04% 0.0733 282.25) 12.9%, oklch(29.25% 0.0802 271.31) 16.1%, oklch(30.76% 0.0859 262.75) 19.4%, oklch(32.65% 0.0901 257.30) 22.6%, oklch(34.93% 0.0937 253.91) 25.8%, oklch(37.50% 0.0966 251.90) 29.0%, oklch(40.25% 0.0990 250.62) 32.3%, oklch(43.05% 0.1007 249.43) 35.5%, oklch(45.79% 0.1017 247.66) 38.7%, oklch(48.44% 0.1021 244.95) 41.9%, oklch(51.16% 0.1016 242.05) 45.2%, oklch(53.93% 0.1005 239.03) 48.4%, oklch(56.69% 0.0988 235.86) 51.6%, oklch(59.38% 0.0966 232.48) 54.8%, oklch(61.94% 0.0940 228.87) 58.1%, oklch(64.33% 0.0911 225.01) 61.3%, oklch(66.66% 0.0874 221.12) 64.5%, oklch(68.93% 0.0830 217.11) 67.7%, oklch(71.08% 0.0783 212.83) 71.0%, oklch(73.05% 0.0736 208.12) 74.2%, oklch(74.79% 0.0692 202.81) 77.4%, oklch(76.25% 0.0654 196.73) 80.6%, oklch(77.41% 0.0619 189.00) 83.9%, oklch(78.31% 0.0584 179.96) 87.1%, oklch(79.00% 0.0552 170.48) 90.3%, oklch(79.53% 0.0524 161.46) 93.5%, oklch(79.95% 0.0500 153.79) 96.8%, oklch(80.31% 0.0482 148.37) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.048 | 322.7 |
| 2 | 0.311 | 0.087 | 261.4 |
| 3 | 0.469 | 0.102 | 246.6 |
| 4 | 0.634 | 0.092 | 226.6 |
| 5 | 0.76 | 0.066 | 198 |
| 6 | 0.803 | 0.048 | 148.4 |

## In these collections

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

## Other forms

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