Data Charts
Bar charts, line graphs, and pie charts painted with your palette
264653primary
2A9D8Fsecondary
E9C46Atertiary
F4A261accent
E76F51surface
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.