Color & Design
How to Create a Color Palette for Your Brand, Step by Step
Build a brand colour palette in five steps: a primary, an accent, neutrals, tints and shades, then a contrast check. Worked example with real hex codes.
8 min read
Color & Design
Color palettes, gradients, contrast and design fundamentals.
Color & Design
Color Contrast and WCAG 2.2: Ratios, Formula and Fixes
WCAG 2.2 needs 4.5:1 contrast for normal text, 3:1 for large text and UI parts, 7:1 for AAA. See the formula, real colour pairs and how to fix failures.
10 min read
Color & Design
Tints, Shades and Tones: How to Build a 50–900 Color Scale
A tint adds white, a shade adds black, a tone adds grey. Turn one colour into a 50–900 scale, see why HSL steps look uneven, and when to mix in OKLCH.
7 min read