Pick the perfect color, build stunning palettes, check accessibility, and preview everything in real UI. Whether you're a designer, developer, or color enthusiast, this is your new favorite toolkit.
Find the exact shade you need
Browse and search thousands of named colors.
Browse and discover curated color palettes for your next project.
Build harmonious color combinations
Build custom palettes by hand — pick colors, tag, and share.
Get instant palette suggestions from any base color.
Explore complementary, triadic, and other color harmonies.
Extract beautiful colors from any image with ease.
See your palette on real UI mockups
Preview your palette on real design mockups.
Preview atomic UI elements like buttons, inputs, and badges with your palette.
See your palette applied to bar charts, line graphs, and donut charts.
Explore every background and text color combination for typography.
Test brand color combinations for logos and wordmarks.
Preview your palette applied to multi-color icons from Lucide and Heroicons.
Specialized tools for accessibility, export, and community.
Get useful info about any color like meaning, variations and accessibility.
Ensure your designs meet accessibility standards.
See how your colors appear to people with color vision deficiency.
Convert colors between HEX, RGB, HSL, CMYK and more.
Design beautiful CSS gradients with live preview.
Save, organize, and assign framework tokens to your color palettes.