VOL. 01 · A REFERENCE FOR DESIGNERS · 2026

Color,
Decoded.

Everything a UI designer needs to know about color: the theory, the structures, the systems, the tools. Eight sections, one map to confidence.

BY TECHANA NO LOGIN
FEATURED · WITH LIVE TOOLS
SECTION 06 / 08 INTERACTIVE
Palettes by Industry
12 famous brand palettes you can steal, plus a live palette generator that builds new ones using real color theory math. Copy any palette as a ready-to-paste AI prompt.
⚡ TOOL 01
Palette Generator
Pick a structure, generate real palettes using color wheel math.
🤖 TOOL 02
AI Prompt Export
One-click copy as a ready-to-paste prompt for ChatGPT or Claude.
EXPLORE PALETTES →
ALL SECTIONS
SECTION 01
Color Theory
Foundations
Hue, saturation, lightness, and warm vs cool temperature. The vocabulary every designer needs.
FUNDAMENTALS →
SECTION 02
Palette
Structures
The 5 classical ways designers combine colors: monochromatic, analogous, complementary, triadic, split-complementary.
THEORY →
SECTION 03
The 60–30–10
Rule
The distribution principle that prevents palettes from feeling chaotic. Originally from interior design.
PRINCIPLE →
SECTION 04
Role-Based
Systems
How Apple, Stripe, Linear, and Figma organize colors by job: primary, neutral, accent, semantic.
SYSTEMS →
SECTION 05
Shade Naming
Conventions
Tailwind, Material Design, and Radix. How modern systems name their 50 to 950 shade scales.
REFERENCE →
SECTION 07
Accessibility
& Contrast
WCAG AA and AAA standards, plus a live contrast checker so you can test color combinations in real time.
A11Y + TOOL →
SECTION 08
Tools
Designers Use
8 working tools every designer should know. Coolors, Adobe Color, Realtime Colors, Tailwind, and more.
RESOURCES →