Pick Colour

Contrast Ratio: 10.86 AAA+

Choose Combination

Save Palette

  • # Save Colours Here #

Copy CSS Variables

$primary: $primary-lighter: $primary-light: $primary-medium: $primary-dark: $primary-darker: $analogousA: $analogousA-lighter: $analogousA-light: $analogousA-medium: $analogousA-dark: $analogousA-darker: $analogousB: $analogousB-lighter: $analogousB-light: $analogousB-medium: $analogousB-dark: $analogousB-darker: $monochromeA: $monochromeA-lighter: $monochromeA-light: $monochromeA-medium: $monochromeA-dark: $monochromeA-darker: $monochromeB: $monochromeB-lighter: $monochromeB-light: $monochromeB-medium: $monochromeB-dark: $monochromeB-darker: $triadicA: $triadicA-lighter: $triadicA-light: $triadicA-medium: $triadicA-dark: $triadicA-darker: $triadicB: $triadicB-lighter: $triadicB-light: $triadicB-medium: $triadicB-dark: $triadicB-darker: $tetradicA: $tetradicA-lighter: $tetradicA-light: $tetradicA-medium: $tetradicA-dark: $tetradicA-darker: $tetradicB: $tetradicB-lighter: $tetradicB-light: $tetradicB-medium: $tetradicB-dark: $tetradicB-darker: $tetradicC: $tetradicC-lighter: $tetradicC-light: $tetradicC-medium: $tetradicC-dark: $tetradicC-darker: $splitA: $splitA-lighter: $splitA-light: $splitA-medium: $splitA-dark: $splitA-darker: $splitB: $splitB-lighter: $splitB-light: $splitB-medium: $splitB-dark: $splitB-darker: $neutral: $neutral-lighter: $neutral-light: $neutral-medium: $neutral-dark: $neutral-darker:
#f59ee1 #d945b6 #e55dc5 #f17cd6 #faa5e6 #ffdbf7 #de9ef5 #b145d9 #c15de5 #d27cf1 #e3a5fa #f5dbff #f59eb5 #d9456d #e55d82 #f17c9b #faa5bc #ffdbe5 #fce3f6 #d945b6 #e55dc5 #f17cd6 #faa5e6 #ffdbf7 #ee58cb #d841b5 #e459c4 #f078d4 #faa1e5 #ffd6f5 #9ee1f5 #45b6d9 #5dc5e5 #7cd6f1 #a5e6fa #dbf7ff #e1f59e #b6d945 #c5e55d #d6f17c #e6faa5 #f7ffdb #9ef5b2 #45d968 #5de57d #7cf198 #a5fab9 #dbffe4 #f5de9e #d9b145 #e5c15d #f1d27c #fae3a5 #fff5db #9eb5f5 #456dd9 #5d82e5 #7c9bf1 #a5bcfa #dbe5ff #b5f59e #6dd945 #82e55d #9bf17c #bcfaa5 #e5ffdb #9ef5de #45d9b1 #5de5c1 #7cf1d2 #a5fae3 #dbfff5 #c9c9c9 #8f8f8f #a1a1a1 #b7b7b7 #d0d0d0 #ededed

Contrast Ratio: 10.31 AAA+

Contrast Ratio: 10.44 AAA+

Contrast Ratio: 17.45 AAA+

Contrast Ratio: 6.89 AA+

Contrast Ratio: 14.54 AAA+

Contrast Ratio: 17.75 AAA+

Contrast Ratio: 16.15 AAA+

Contrast Ratio: 15.82 AAA+

Contrast Ratio: 10.38 AAA+

Contrast Ratio: 16.51 AAA+

Contrast Ratio: 16.56 AAA+

Contrast Ratio: 12.68 AAA+