PaletteGen

Articles: Color & Design Guides

Guides and explainers that go deeper than any single tool page, for anyone building a real project rather than just grabbing one value.

By , PaletteGen

HEX vs RGB vs HSL vs CMYK: When to Use Each Format

Four ways to write the same color, each built for a different job. A clear guide to when to use HEX, RGB, HSL, or CMYK, with a verified worked example.

Design Tokens Explained: Primitives vs. Semantic Color Tokens

What design tokens actually are, why primitive and semantic color layers are different things, and how to start your own token set.

How Many Colors Should a Color Palette Have?

Most designers land on 3-5 colors, and there's a real reason why. When to use fewer, when more actually makes sense, and why this generator outputs five.

Choosing Brand Colors: A Practical Framework

Start with personality, not colors. A grounded framework for picking brand colors, checking competitors, and avoiding the mistakes that break palettes.

Dark-Mode-Aware CSS Gradients

Most gradient guides skip this: how to build a gradient that actually adapts to light and dark mode, using the technique that's reliably supported today.

About this page

PaletteGen is built and maintained by Cedrick Reese. This page just lists the articles below — see each one's own Sources section for what it's built on. Reviewed and updated: September 16, 2026. See the full About page for more.