Deep cyan, sage and terracotta school uniform

Navy, teal, gray and brown color palette

The Deep cyan, sage and terracotta school uniform brings together blue, teal, green, light green, and orange. Linear gradient, 32 colors at 180°: #224252, #3d7c7d, #78ad98, #abb394, #bd8c77. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#224252
#244656
#264c5b
#285361
#2b5b68
#2e646e
#326d74
#377579
#3d7c7d
#438381
#4a8a86
#51918b
#58988f
#609e93
#68a496
#70a997
#78ad98
#81b098
#8ab297
#92b497
#9ab497
#a1b596
#a7b495
#abb394
#afb190
#b2ad8b
#b5a885
#b8a17f
#ba9b7b
#bc9478
#bd8f77
#bd8c77

CSS

background: linear-gradient(180deg in oklch, oklch(36.22% 0.0469 232.73) 0.0%, oklch(37.65% 0.0484 229.89) 3.2%, oklch(39.58% 0.0506 226.03) 6.5%, oklch(41.88% 0.0533 221.43) 9.7%, oklch(44.42% 0.0562 216.37) 12.9%, oklch(47.08% 0.0590 211.11) 16.1%, oklch(49.72% 0.0616 205.92) 19.4%, oklch(52.23% 0.0637 201.09) 22.6%, oklch(54.48% 0.0650 196.88) 25.8%, oklch(56.70% 0.0660 193.30) 29.0%, oklch(58.96% 0.0667 190.13) 32.3%, oklch(61.20% 0.0671 187.17) 35.5%, oklch(63.38% 0.0672 184.17) 38.7%, oklch(65.43% 0.0669 180.94) 41.9%, oklch(67.31% 0.0663 177.25) 45.2%, oklch(68.96% 0.0654 172.89) 48.4%, oklch(70.35% 0.0639 167.69) 51.6%, oklch(71.59% 0.0614 161.90) 54.8%, oklch(72.66% 0.0581 155.63) 58.1%, oklch(73.57% 0.0544 148.90) 61.3%, oklch(74.30% 0.0507 141.79) 64.5%, oklch(74.82% 0.0475 134.32) 67.7%, oklch(75.13% 0.0452 126.55) 71.0%, oklch(75.21% 0.0441 118.53) 74.2%, oklch(74.98% 0.0447 109.88) 77.4%, oklch(74.31% 0.0469 99.87) 80.6%, oklch(73.32% 0.0501 89.06) 83.9%, oklch(72.15% 0.0540 78.03) 87.1%, oklch(70.92% 0.0581 67.37) 90.3%, oklch(69.75% 0.0620 57.68) 93.5%, oklch(68.77% 0.0653 49.55) 96.8%, oklch(68.11% 0.0675 43.58) 100.0%);

In these collections

School uniform