A Complete Guide to Color Theory for Web Designers
The color wheel, harmonies, temperature and contrast — explained for people who ship interfaces, not oil paintings.
Read the guidearrow_forwardThe Journal
Color thinking, written down.
Long-form guides on color theory, palette building, accessible interfaces and interior paint — everything we've learned building color tools, in plain language.
All Articles
RGB vs HSL vs LAB vs CMYK: Which Color Model Should You Use, and When
Four color models, one practical answer: which to use in CSS, which to use in print, and why LAB quietly became the most important of all.
How to Choose Paint Colors for Every Room in Your Home
Why the same beige looks perfect in the living room and grim in the hallway — plus a practical, room-by-room method for getting paint right the first time.
WCAG Color Contrast Explained: How to Design Accessible Interfaces
What 4.5:1 actually means, why your gray-on-white text fails, and how to build palettes that pass WCAG before anyone has to file a complaint.
60+ Color Combinations That Actually Work (With Examples)
Sixty-plus hex-coded combinations grouped by what they're actually for — calm SaaS dashboards to loud streetwear — each with a note on why it works.
The Psychology of Color in Branding and UI Design
Why banks buy blue, clearance racks run red, and the 'psychology of color' is mostly context — plus how to use it anyway.
How to Build a Design System Color Palette From a Single Brand Color
You have one hex code from the brand team. Here's the exact process for turning it into a complete, accessible design system — ramps, semantics, dark mode and all.
Complementary, Analogous, and Triadic Color Schemes Explained
The five classical harmonies, demystified: what they are, when to reach for each, and the exact mistakes that make them look amateur.
Prefer tools to reading?
Every technique in these guides is backed by a free tool — generate palettes, pick colors from images, check contrast and export to code.