Pick Colour

Contrast Ratio: 4.95 AA+

Choose Combination

Save Palette

  • # Save Colours Here #

Copy CSS Variables

$primary: $primary-100: $primary-200: $primary-300: $primary-400: $primary-500: $primary-600: $primary-700: $primary-800: $primary-900: $analogousA: $analogousA-100: $analogousA-200: $analogousA-300: $analogousA-400: $analogousA-500: $analogousA-600: $analogousA-700: $analogousA-800: $analogousA-900: $analogousB: $analogousB-100: $analogousB-200: $analogousB-300: $analogousB-400: $analogousB-500: $analogousB-600: $analogousB-700: $analogousB-800: $analogousB-900: $monochromeA: $monochromeA-100: $monochromeA-200: $monochromeA-300: $monochromeA-400: $monochromeA-500: $monochromeA-600: $monochromeA-700: $monochromeA-800: $monochromeA-900: $monochromeB: $monochromeB-100: $monochromeB-200: $monochromeB-300: $monochromeB-400: $monochromeB-500: $monochromeB-600: $monochromeB-700: $monochromeB-800: $monochromeB-900: $triadicA: $triadicA-100: $triadicA-200: $triadicA-300: $triadicA-400: $triadicA-500: $triadicA-600: $triadicA-700: $triadicA-800: $triadicA-900: $triadicB: $triadicB-100: $triadicB-200: $triadicB-300: $triadicB-400: $triadicB-500: $triadicB-600: $triadicB-700: $triadicB-800: $triadicB-900: $tetradicA: $tetradicA-100: $tetradicA-200: $tetradicA-300: $tetradicA-400: $tetradicA-500: $tetradicA-600: $tetradicA-700: $tetradicA-800: $tetradicA-900: $tetradicB: $tetradicB-100: $tetradicB-200: $tetradicB-300: $tetradicB-400: $tetradicB-500: $tetradicB-600: $tetradicB-700: $tetradicB-800: $tetradicB-900: $tetradicC: $tetradicC-100: $tetradicC-200: $tetradicC-300: $tetradicC-400: $tetradicC-500: $tetradicC-600: $tetradicC-700: $tetradicC-800: $tetradicC-900: $splitA: $splitA-100: $splitA-200: $splitA-300: $splitA-400: $splitA-500: $splitA-600: $splitA-700: $splitA-800: $splitA-900: $splitB: $splitB-100: $splitB-200: $splitB-300: $splitB-400: $splitB-500: $splitB-600: $splitB-700: $splitB-800: $splitB-900: $neutral: $neutral-100: $neutral-200: $neutral-300: $neutral-400: $neutral-500: $neutral-600: $neutral-700: $neutral-800: $neutral-900:
#7b67e9 #533dd3 #5e48da #6a55e1 #7763e8 #8775ee #9989f4 #aea0f9 #c5bcfd #e1dbff #6795e9 #3d71d3 #487bda #5586e1 #6392e8 #759fee #89aef4 #a0bff9 #bcd2fd #dbe8ff #bc67e9 #9e3dd3 #a748da #b055e1 #ba63e8 #c475ee #cf89f4 #daa0f9 #e6bcfd #f3dbff #b5aaf3 #533dd3 #5e48da #6a55e1 #7763e8 #8775ee #9989f4 #aea0f9 #c5bcfd #e1dbff #4024e0 #3825a3 #3a25b6 #3d24cb #4125df #5035e7 #6048ee #745df5 #8a76fb #a494ff #67e97b #3dd353 #48da5e #55e16a #63e877 #75ee87 #89f499 #a0f9ae #bcfdc5 #dbffe1 #e97b67 #d3533d #da5e48 #e16a55 #e87763 #ee8775 #f49989 #f9aea0 #fdc5bc #ffe1db #d6e967 #bcd33d #c4da48 #cce155 #d4e863 #dcee75 #e4f489 #ecf9a0 #f3fdbc #faffdb #e96795 #d33d71 #da487b #e15586 #e86392 #ee759f #f489ae #f9a0bf #fdbcd2 #ffdbe8 #67e9bc #3dd39e #48daa7 #55e1b0 #63e8ba #75eec4 #89f4cf #a0f9da #bcfde6 #dbfff3 #e9bc67 #d39e3d #daa748 #e1b055 #e8ba63 #eec475 #f4cf89 #f9daa0 #fde6bc #fff3db #95e967 #71d33d #7bda48 #86e155 #92e863 #9fee75 #aef489 #bff9a0 #d2fdbc #e8ffdb #a8a8a8 #888888 #919191 #9b9b9b #a6a6a6 #b2b2b2 #bfbfbf #cdcdcd #dcdcdc #ededed

Contrast Ratio: 7.05 AAA+

Contrast Ratio: 6.25 AA+

Contrast Ratio: 10 AAA+

Contrast Ratio: 8.24 AAA+

Contrast Ratio: 13.51 AAA+

Contrast Ratio: 7.49 AAA+

Contrast Ratio: 15.71 AAA+

Contrast Ratio: 6.83 AA+

Contrast Ratio: 13.95 AAA+

Contrast Ratio: 11.85 AAA+

Contrast Ratio: 14.12 AAA+

Contrast Ratio: 8.83 AAA+