Skip to content
Color Palettes live preview
All projects

Color Palettes

Grab a color palette that's already accessibility-tested, not just aesthetically nice.

Palette sites varied wildly in quality, and none guaranteed the combinations actually passed WCAG contrast checks.

Tech Domain · Book Dev|Published|Evidence: Live|Next.js, TypeScript

A public deployment is available to try.

Case Study

Before

Finding cohesive color palettes for new projects required browsing multiple palette sites with inconsistent quality. Needed a curated collection of tested, accessible color combinations.

After

Created a go-to palette reference that speeds up design decisions. The accessibility-first approach ensures every palette meets WCAG standards out of the box.

How it's solved

Built a palette gallery with curated color combinations tested for accessibility (WCAG contrast ratios). Each palette includes hex/RGB/HSL values, CSS variable export, and preview on common UI patterns.

Trade-offs

Palettes are curated by hand — there's no algorithmic palette generator built in yet.

Related Articles

Further reading on related topics from the blog

Related Projects

More in Tech Domain · Book Dev

Color Palettes - Chaowalit Greepoke Portfolio