Data Charts
Bar charts, line graphs, and pie charts painted with your palette
667EEAprimary
586BC5secondary
4B59A1tertiary
3D477Faccent
30365Esurface
23263Fhighlight
161722neutral
Tools
VisualizerPreview your palette on real design mockups.ComponentsPreview atomic UI elements like buttons, inputs, and badges with your palette.ChartsSee your palette applied to bar charts, line graphs, and donut charts.HeadingsExplore every background and text color combination for typography.LogosTest brand color combinations for logos and wordmarks.
Color PickerGet useful info about any color like meaning, variations and accessibility.Contrast CheckerEnsure your designs meet accessibility standards.Color Blindness SimSee how your colors appear to people with color vision deficiency.ConverterConvert colors between HEX, RGB, HSL, CMYK and more.Gradient GeneratorDesign beautiful CSS gradients with live preview.My PalettesSave, organize, and assign framework tokens to your color palettes.