Designer color laboratory
Interactive palette builder
Pick any color, inspect HEX, RGB, HSL, HSB, and CMYK, then generate polished palette systems with harmony rules and copyable CSS tokens.
Pick a color
Generated palette
Flat, clean palette cards with clear hierarchy and quick copy interaction.
Yellow
Shades from light to strong
Use lighter tints for backgrounds and stronger tones for buttons or icons.
Color combinations
Each card is a different harmony system. Click any HEX to copy.
Contrast preview
Fast readability check for text and interface decisions.
CSS tokens
Copy these into a design system, landing page, or theme block.
Fast design recipes
Small rules that keep the palette tidy instead of rainbow soup.
Use the base color for primary actions, a light tint for panels, and the complement only for small accents.
Analogous colors make scenes feel gentle. Add one contrast color for a tiny spark point.
Triadic colors feel festive. Pick one hero color and let the other two play supporting instruments.