Build WCAG Compliant
Color systems
Create accessible color palettes with automatic contrast checking, suggestions for fixes, and export to multiple formats. Perfect for designers and developers building inclusive digital experiences.
Background
#FFFFFF
Surface
#F3F4F6
Text
#111827
Primary
#2563EB
Accent
#7C3AED
Here's an example of how your layout will look
Welcome to Your App
This is a preview of your color palette in action
Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
Export Palette
Download your accessible color palette in various formats for use in your projects.
CSS Variables
CSS custom properties for use in any project
Design Tokens
W3C Design Tokens format (JSON)
Tailwind CSS
Tailwind config extension (JavaScript)
SCSS Variables
Sass/SCSS variables for stylesheet projects
All exports include accessibility metadata with your WCAG AA compliance summary.
12 of 20 color pairs currently pass WCAG AA (60%).