Color Palette — ok.css

Controls

Base hue220°

Saturation75%

Lightness55%

Shades3

Harmony

primary

#c1d1f0

#95b1e9

#6791e5

#3670e2

#2258c4

#1e4694

#193367

AAA

secondary

#f0c1d1

#e995b1

#e56791

#e23670

#c42258

#941e46

#671933

AAA

tertiary

#d1f0c1

#b1e995

#91e567

#70e236

#58c422

#46941e

#336719

AAA

Output

:root {
  --primary-100: #c1d1f0;
  --primary-233: #95b1e9;
  --primary-366: #6791e5;
  --primary-499: #3670e2;
  --primary-632: #2258c4;
  --primary-765: #1e4694;
  --primary-898: #193367;
  --secondary-100: #f0c1d1;
  --secondary-233: #e995b1;
  --secondary-366: #e56791;
  --secondary-499: #e23670;
  --secondary-632: #c42258;
  --secondary-765: #941e46;
  --secondary-898: #671933;
  --tertiary-100: #d1f0c1;
  --tertiary-233: #b1e995;
  --tertiary-366: #91e567;
  --tertiary-499: #70e236;
  --tertiary-632: #58c422;
  --tertiary-765: #46941e;
  --tertiary-898: #336719;
}