Pick Colour

Contrast Ratio: 13.36 AAA+

Choose Combination

Save Palette

  • # Save Colours Here #

Copy CSS Variables

$primary: $primary-light: $primary-medium: $primary-dark: $analogousA: $analogousA-light: $analogousA-medium: $analogousA-dark: $analogousB: $analogousB-light: $analogousB-medium: $analogousB-dark: $monochromeA: $monochromeA-light: $monochromeA-medium: $monochromeA-dark: $monochromeB: $monochromeB-light: $monochromeB-medium: $monochromeB-dark: $triadicA: $triadicA-light: $triadicA-medium: $triadicA-dark: $triadicB: $triadicB-light: $triadicB-medium: $triadicB-dark: $tetradicA: $tetradicA-light: $tetradicA-medium: $tetradicA-dark: $tetradicB: $tetradicB-light: $tetradicB-medium: $tetradicB-dark: $tetradicC: $tetradicC-light: $tetradicC-medium: $tetradicC-dark: $splitA: $splitA-light: $splitA-medium: $splitA-dark: $splitB: $splitB-light: $splitB-medium: $splitB-dark: $neutral: $neutral-light: $neutral-medium: $neutral-dark:
#78dded #55cee1 #89e6f4 #dbfaff #78edc2 #55e1ae #89f4cd #dbfff2 #78a3ed #5588e1 #89b0f4 #dbe8ff #bceef6 #55cee1 #89e6f4 #dbfaff #35cce3 #29c2d9 #5adcf0 #a8f3ff #dded78 #cee155 #e6f489 #faffdb #ed78dd #e155ce #f489e6 #ffdbfa #ed8878 #e16755 #f49789 #ffe0db #c278ed #ae55e1 #cd89f4 #f2dbff #a3ed78 #88e155 #b0f489 #e8ffdb #ed78a3 #e15588 #f489b0 #ffdbe8 #edc278 #e1ae55 #f4cd89 #fff2db #b3b3b3 #9b9b9b #bfbfbf #ededed

Contrast Ratio: 14.69 AAA+

Contrast Ratio: 8.26 AAA+

Contrast Ratio: 16.69 AAA+

Contrast Ratio: 10.89 AAA+

Contrast Ratio: 16.45 AAA+

Contrast Ratio: 8.33 AAA+

Contrast Ratio: 8.39 AAA+

Contrast Ratio: 7.2 AAA+

Contrast Ratio: 14.94 AAA+

Contrast Ratio: 7.81 AAA+

Contrast Ratio: 12.58 AAA+

Contrast Ratio: 10.01 AAA+