Color Blindness Types
NoneLow red (protanomaly)No red (protanopia)Low green (deuteranomaly)No green (deuteranopia)Low blue (tritanomaly)No blue (tritanopia)Low color (achromatomaly)No color (achromatopsia)
Color Sets
GrayRoseRaspberryRedOrangeCinnamonAmberYellowLimeChartreuseGreenEmeraldAquamarineTealCyanPowderSkyCeruleanAzureBlueIndigoVioletPurpleMagentaPink
Contrast Ratio 3:1
shade difference of 2
Contrast Ratio 4.5:1
shade difference of 3
Contrast Ratio 7:1
shade difference of 4
CSS Variable Customization
Export Markup for Bootstrap
Export Markup for PostCSS
Export Markup for Tailwind
Generate Shades and Tints
Random Palette Generation
Scaling Mode Options
DefaultIntensityLABLuminanceLightnessValue