Pick Colour

Contrast Ratio: 9.2 AAA+

Choose Combination

Save Palette

  • # Save Colours Here #

Copy CSS Variables

$primary: $primary-lighter: $primary-light: $primary-dark: $primary-darker: $analogousA: $analogousA-lighter: $analogousA-light: $analogousA-dark: $analogousA-darker: $analogousB: $analogousB-lighter: $analogousB-light: $analogousB-dark: $analogousB-darker: $monochromeA: $monochromeA-lighter: $monochromeA-light: $monochromeA-dark: $monochromeA-darker: $monochromeB: $monochromeB-lighter: $monochromeB-light: $monochromeB-dark: $monochromeB-darker: $triadicA: $triadicA-lighter: $triadicA-light: $triadicA-dark: $triadicA-darker: $triadicB: $triadicB-lighter: $triadicB-light: $triadicB-dark: $triadicB-darker: $tetradicA: $tetradicA-lighter: $tetradicA-light: $tetradicA-dark: $tetradicA-darker: $tetradicB: $tetradicB-lighter: $tetradicB-light: $tetradicB-dark: $tetradicB-darker: $tetradicC: $tetradicC-lighter: $tetradicC-light: $tetradicC-dark: $tetradicC-darker: $splitA: $splitA-lighter: $splitA-light: $splitA-dark: $splitA-darker: $splitB: $splitB-lighter: $splitB-light: $splitB-dark: $splitB-darker: $neutral: $neutral-lighter: $neutral-light: $neutral-dark: $neutral-darker:
hsl(224,48%,73%) hsl(224,40%,58%) hsl(224,49%,67%) hsl(224,60%,79%) hsl(224,73%,93%) hsl(194,48%,73%) hsl(194,40%,58%) hsl(194,49%,67%) hsl(194,60%,79%) hsl(194,73%,93%) hsl(254,48%,73%) hsl(254,40%,58%) hsl(254,49%,67%) hsl(254,60%,79%) hsl(254,73%,93%) hsl(224,48%,88%) hsl(224,40%,58%) hsl(224,49%,67%) hsl(224,60%,79%) hsl(224,73%,93%) hsl(224,48%,58%) hsl(224,40%,51%) hsl(224,49%,60%) hsl(224,60%,72%) hsl(224,73%,86%) hsl(104,48%,73%) hsl(104,40%,58%) hsl(104,49%,67%) hsl(104,60%,79%) hsl(104,73%,93%) hsl(344,48%,73%) hsl(344,40%,58%) hsl(344,49%,67%) hsl(344,60%,79%) hsl(344,73%,93%) hsl(44,48%,73%) hsl(44,40%,58%) hsl(44,49%,67%) hsl(44,60%,79%) hsl(44,73%,93%) hsl(314,48%,73%) hsl(314,40%,58%) hsl(314,49%,67%) hsl(314,60%,79%) hsl(314,73%,93%) hsl(134,48%,73%) hsl(134,40%,58%) hsl(134,49%,67%) hsl(134,60%,79%) hsl(134,73%,93%) hsl(14,48%,73%) hsl(14,40%,58%) hsl(14,49%,67%) hsl(14,60%,79%) hsl(14,73%,93%) hsl(74,48%,73%) hsl(74,40%,58%) hsl(74,49%,67%) hsl(74,60%,79%) hsl(74,73%,93%) hsl(224,0%,73%) hsl(224,0%,58%) hsl(224,0%,67%) hsl(224,0%,79%) hsl(224,0%,93%)

Contrast Ratio: 12.01 AAA+

Contrast Ratio: 8.26 AAA+

Contrast Ratio: 15.01 AAA+

Contrast Ratio: 5.2 AA+

Contrast Ratio: 13.32 AAA+

Contrast Ratio: 9.15 AAA+

Contrast Ratio: 12.92 AAA+

Contrast Ratio: 9.44 AAA+

Contrast Ratio: 13.05 AAA+

Contrast Ratio: 10.14 AAA+

Contrast Ratio: 14.16 AAA+

Contrast Ratio: 10.82 AAA+