Color Scheme Generator

Generate harmonious color schemes using color theory. Pick a base color, choose a scheme type, and preview it on a live website mockup.

0 schemes generated

Live Website Preview

yourwebsite.com

Accessibility Contrast Checker

WCAG 2.1 contrast ratios for every color combination in your scheme.

Export Your Scheme

CSS Variables


      

Tailwind Config


      

SCSS Variables


      

JSON


      

Get All 40+ Tools

Lifetime Pass ($99.99) gets every tool we build. Or resell them all under your brand from $99.

Visit the Store
SPUNK.CODES

Like this tool? Get 30+ more free tools in your inbox.