Color Guides
Short, practical guides written for people who need to ship, not write essays. Every example is a real palette you can open, copy or save.
- How to Choose a Color Palette (Step by Step)A practical, five-step method for picking colors that work together, with rules for ratios, contrast and testing.
- Color Theory Basics for DesignersHue, saturation, lightness, the color wheel and the six harmony rules explained with examples.
- Website Color Schemes: 60-30-10, Roles and ExamplesHow to assign background, text, primary and accent roles from a palette and keep a site consistent.
- How to Build a Brand Color PaletteFrom one brand color to a complete system of primary, secondary, neutral and semantic colors.
- Accessible Color Contrast: WCAG 2.2 ExplainedWhat 4.5:1 means, how to fix failing pairs, and how to design for color blindness.
- Pastel Color Palettes: 12 Combinations with Hex CodesTwelve pastel palettes with hex codes, then the base-anchor-accent formula that keeps them soft but readable.
- How to Build a Dark Mode Color PaletteNear-black backgrounds, elevation by lightness, desaturated accents and contrast targets.
- Wedding Color Palettes 2026, Season by SeasonCloud white, sage, dusty blue, terracotta and deep teal, with hex codes for every season.
- How to Choose Logo ColorsOne color first, category contrast, meaning, reproduction tests and the surrounding brand palette.
- HEX, RGB, HSL and OKLCH ExplainedWhat each color code means, how they differ and when to use which.
- Complementary Colors ExplainedWhy opposites clash, the 80/20 rule, and split and near-complementary alternatives.
- Color Psychology in Marketing: What Actually Holds UpContrast, consistency, category expectations and culture, minus the folklore.
- How to Extract a Color Palette from an ImageGet hex codes from any photo in the browser and turn them into a usable palette.