Free tool · Color
Live Color Preview
Choose five colors by role and preview them on a sample website: navigation, heading, buttons, cards, and footer. Live WCAG contrast checks help assess readability alongside appearance.
Color editor
Demonstration layout: its buttons and links are not functional.
Brands that are remembered, rather than overlooked
We design identities, websites, and campaigns for businesses ready to stand apart. Less noise, clearer decisions.
Visual identity
Naming, a logo, and a graphic system built to last.
Web design and development
Fast, accessible websites designed for clear actions as well as good looks.
Campaigns
Social posts and ads with consistent art direction.
Export
Custom combination · Press the spacebar to try another · The URL stores your colors; copy it to share the palette.
Website layout preview
All preview text uses your text color at full opacity. The contrast check measures that displayed color.
Preview a palette in a realistic interface
Adjust the background, surface, text, and accent colors. Check the sample interface and its contrast indicators in both themes. Copy the CSS variables when the combination works for your design. Contrast indicators help assess individual pairs; they do not certify an entire website.
Are these colors applied to the whole website?
No. The controls change the sample interface. Export the variables and integrate them into your own stylesheet.