Pick Colour

Contrast Ratio: 8.87 AAA+

Choose Combination

Save Palette

  • # Save Colours Here #

Copy CSS Variables

$primary: $primary-light: $primary-dark: $analogousA: $analogousA-light: $analogousA-dark: $analogousB: $analogousB-light: $analogousB-dark: $monochromeA: $monochromeA-light: $monochromeA-dark: $monochromeB: $monochromeB-light: $monochromeB-dark: $triadicA: $triadicA-light: $triadicA-dark: $triadicB: $triadicB-light: $triadicB-dark: $tetradicA: $tetradicA-light: $tetradicA-dark: $tetradicB: $tetradicB-light: $tetradicB-dark: $tetradicC: $tetradicC-light: $tetradicC-dark: $splitA: $splitA-light: $splitA-dark: $splitB: $splitB-light: $splitB-dark: $neutral: $neutral-light: $neutral-dark:
rgb(144,166,238) rgb(109,138,234) rgb(219,228,255) rgb(144,213,238) rgb(109,201,234) rgb(219,245,255) rgb(169,144,238) rgb(142,109,234) rgb(229,219,255) rgb(211,219,248) rgb(109,138,234) rgb(219,228,255) rgb(78,113,228) rgb(86,120,231) rgb(194,208,255) rgb(166,238,144) rgb(138,234,109) rgb(228,255,219) rgb(238,144,166) rgb(234,109,138) rgb(255,219,228) rgb(238,216,144) rgb(234,205,109) rgb(255,247,219) rgb(238,144,213) rgb(234,109,201) rgb(255,219,245) rgb(144,238,169) rgb(109,234,142) rgb(219,255,229) rgb(238,169,144) rgb(234,142,109) rgb(255,229,219) rgb(213,238,144) rgb(201,234,109) rgb(245,255,219) rgb(191,191,191) rgb(171,171,171) rgb(237,237,237)

Contrast Ratio: 12.93 AAA+

Contrast Ratio: 7.91 AAA+

Contrast Ratio: 15.25 AAA+

Contrast Ratio: 4.8 AA+

Contrast Ratio: 15.25 AAA+

Contrast Ratio: 9.17 AAA+

Contrast Ratio: 14.86 AAA+

Contrast Ratio: 9.58 AAA+

Contrast Ratio: 14.98 AAA+

Contrast Ratio: 10.71 AAA+

Contrast Ratio: 16.46 AAA+

Contrast Ratio: 11.41 AAA+