Your Color Palette
Hover to see the codes, click to see combinations
home.insertFont
home.insertFontDesc
Multiple Export
Export to CSS, SCSS, JS, JSON and Figma with one click
Smart Combinations
See complementary, analogous and triadic colors automatically
🛠️ Available Tools
Available Tools
Use our free tools to apply color theory in your projects:
🎨
Color Wheel
Interactive color wheel to explore harmonies and create palettes.
🖼️
Image Color Picker
Extract colors from any image to create inspired palettes.
🔍
Contrast Checker
Check the accessibility of your color combinations (WCAG).
🌈
Gradient Generator
Create custom gradients and export to CSS or Tailwind.