# Wine, emerald and aqua school uniform palette

The Wine, emerald and aqua school uniform palette brings together red, green, 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 red, and its lightest tone is light green.

- Also called: Maroon, brown, green and light blue linear gradient
- Seed: `kaWU8CKItC7KRTjFIsC2CZAmahwHvFEDg`
- Page: https://grabient.com/kaWU8CKItC7KRTjFIsC2CZAmahwHvFEDg?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 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 | `#651a35` | `oklch(35.04% 0.1089 2.81)` | Brown Chocolate | white, 11.9 to 1 |
| 2 | `#601e33` | `oklch(34.46% 0.0972 4.69)` | Wine Country | white, 12.1 to 1 |
| 3 | `#582230` | `oklch(33.54% 0.0798 6.42)` | Carambar | white, 12.4 to 1 |
| 4 | `#4e262d` | `oklch(32.59% 0.0605 9.52)` | Volcano | white, 12.7 to 1 |
| 5 | `#46292b` | `oklch(31.92% 0.0432 15.51)` | Rookwood Dark Red | white, 12.9 to 1 |
| 6 | `#412c2a` | `oklch(31.83% 0.0315 25.91)` | Wenge Black | white, 12.9 to 1 |
| 7 | `#403029` | `oklch(32.46% 0.0272 43.45)` | Chinese Ink | white, 12.5 to 1 |
| 8 | `#413427` | `oklch(33.60% 0.0279 68.53)` | Jacko Bean | white, 11.9 to 1 |
| 9 | `#403b28` | `oklch(35.14% 0.0319 96.67)` | Green 383 | white, 11.2 to 1 |
| 10 | `#3c432d` | `oklch(36.98% 0.0380 123.31)` | Mallardish | white, 10.3 to 1 |
| 11 | `#364c36` | `oklch(39.05% 0.0447 143.91)` | Mountain View | white, 9.3 to 1 |
| 12 | `#33543f` | `oklch(41.31% 0.0518 155.06)` | Goblin | white, 8.4 to 1 |
| 13 | `#325d46` | `oklch(43.95% 0.0614 159.17)` | Wine Leaf | white, 7.5 to 1 |
| 14 | `#33674b` | `oklch(46.85% 0.0723 158.88)` | Black Pine Green | white, 6.6 to 1 |
| 15 | `#36714f` | `oklch(49.87% 0.0829 156.63)` | Parsley Sprig | white, 5.7 to 1 |
| 16 | `#3a7b54` | `oklch(52.88% 0.0918 154.90)` | Amazon | white, 5 to 1 |
| 17 | `#3d855b` | `oklch(55.78% 0.0976 155.54)` | Adamite Green | black, 4.6 to 1 |
| 18 | `#428e63` | `oklch(58.75% 0.1014 156.63)` | Illuminati Green | black, 5.3 to 1 |
| 19 | `#48986d` | `oklch(61.76% 0.1036 157.67)` | Ocean Green | black, 5.9 to 1 |
| 20 | `#4fa276` | `oklch(64.71% 0.1046 158.68)` | Tropical Tone | black, 6.7 to 1 |
| 21 | `#56ab80` | `oklch(67.53% 0.1048 159.65)` | Julep | black, 7.5 to 1 |
| 22 | `#5eb389` | `oklch(70.14% 0.1046 160.56)` | Jade Cream | black, 8.2 to 1 |
| 23 | `#65bb92` | `oklch(72.61% 0.1037 161.33)` | Katydid | black, 9 to 1 |
| 24 | `#6dc29a` | `oklch(74.95% 0.1020 162.01)` | Felt Green | black, 9.8 to 1 |
| 25 | `#76c9a2` | `oklch(77.15% 0.0995 162.73)` | Minted Elegance | black, 10.6 to 1 |
| 26 | `#7ecfaa` | `oklch(79.17% 0.0960 163.59)` | Crystal Gem | black, 11.3 to 1 |
| 27 | `#86d4b2` | `oklch(81.00% 0.0915 164.71)` | Tropical Trail | black, 12 to 1 |
| 28 | `#90d8ba` | `oklch(82.67% 0.0849 166.29)` | Green Jewel | black, 12.7 to 1 |
| 29 | `#99dcc2` | `oklch(84.19% 0.0766 168.17)` | Almost Aqua | black, 13.3 to 1 |
| 30 | `#a3dec9` | `oklch(85.51% 0.0680 170.10)` | Tropical Freeze | black, 13.8 to 1 |
| 31 | `#abe0ce` | `oklch(86.60% 0.0604 171.78)` | Meristem | black, 14.3 to 1 |
| 32 | `#b1e2d2` | `oklch(87.40% 0.0551 172.95)` | Bay | black, 14.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #651a35 0.0%, #601e33 3.2%, #582230 6.5%, #4e262d 9.7%, #46292b 12.9%, #412c2a 16.1%, #403029 19.4%, #413427 22.6%, #403b28 25.8%, #3c432d 29.0%, #364c36 32.3%, #33543f 35.5%, #325d46 38.7%, #33674b 41.9%, #36714f 45.2%, #3a7b54 48.4%, #3d855b 51.6%, #428e63 54.8%, #48986d 58.1%, #4fa276 61.3%, #56ab80 64.5%, #5eb389 67.7%, #65bb92 71.0%, #6dc29a 74.2%, #76c9a2 77.4%, #7ecfaa 80.6%, #86d4b2 83.9%, #90d8ba 87.1%, #99dcc2 90.3%, #a3dec9 93.5%, #abe0ce 96.8%, #b1e2d2 100.0%);
background: linear-gradient(90deg in oklch, oklch(35.04% 0.1089 2.81) 0.0%, oklch(34.46% 0.0972 4.69) 3.2%, oklch(33.54% 0.0798 6.42) 6.5%, oklch(32.59% 0.0605 9.52) 9.7%, oklch(31.92% 0.0432 15.51) 12.9%, oklch(31.83% 0.0315 25.91) 16.1%, oklch(32.46% 0.0272 43.45) 19.4%, oklch(33.60% 0.0279 68.53) 22.6%, oklch(35.14% 0.0319 96.67) 25.8%, oklch(36.98% 0.0380 123.31) 29.0%, oklch(39.05% 0.0447 143.91) 32.3%, oklch(41.31% 0.0518 155.06) 35.5%, oklch(43.95% 0.0614 159.17) 38.7%, oklch(46.85% 0.0723 158.88) 41.9%, oklch(49.87% 0.0829 156.63) 45.2%, oklch(52.88% 0.0918 154.90) 48.4%, oklch(55.78% 0.0976 155.54) 51.6%, oklch(58.75% 0.1014 156.63) 54.8%, oklch(61.76% 0.1036 157.67) 58.1%, oklch(64.71% 0.1046 158.68) 61.3%, oklch(67.53% 0.1048 159.65) 64.5%, oklch(70.14% 0.1046 160.56) 67.7%, oklch(72.61% 0.1037 161.33) 71.0%, oklch(74.95% 0.1020 162.01) 74.2%, oklch(77.15% 0.0995 162.73) 77.4%, oklch(79.17% 0.0960 163.59) 80.6%, oklch(81.00% 0.0915 164.71) 83.9%, oklch(82.67% 0.0849 166.29) 87.1%, oklch(84.19% 0.0766 168.17) 90.3%, oklch(85.51% 0.0680 170.10) 93.5%, oklch(86.60% 0.0604 171.78) 96.8%, oklch(87.40% 0.0551 172.95) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.35 | 0.109 | 2.8 |
| 2 | 0.319 | 0.03 | 28.2 |
| 3 | 0.398 | 0.047 | 148.6 |
| 4 | 0.543 | 0.095 | 155 |
| 5 | 0.693 | 0.105 | 160.3 |
| 6 | 0.807 | 0.092 | 164.5 |
| 7 | 0.874 | 0.055 | 172.9 |

## In these collections

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

## Other forms

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