Color guides

Short, practical answers to the color questions that come up when you build for the web, with numbers you can check and code you can paste. Each one links to the Tinta tool that does the job.

Guides

How to choose a color palette for a websiteA practical method for website colors: start from one brand color, add neutrals, pick a harmony rule, split it 60-30-10 and check contrast.7 min read
WCAG color contrast explainedWhat 4.5:1 means, how the WCAG contrast ratio is calculated, AA vs AAA, what counts as large text, non-text contrast, and where APCA fits.6 min read
Designing for color blindnessHow protanopia, deuteranopia and tritanopia change UI colors, how common they are, and the patterns that keep an interface usable for everyone.6 min read
CSS gradients: linear, radial, conic and OKLCHEvery CSS gradient function with copy-paste examples: angles, color stops, hard stops, repeating patterns, banding fixes and in oklch interpolation.8 min read
How to make a mesh gradient in pure CSSBuild a mesh gradient with stacked radial-gradient layers: the exact technique Tinta uses, copy-paste code, fallbacks and performance tips.5 min read
Tailwind color scales: custom 50–950 palettesHow Tailwind’s 50–950 color scales work, how to add a custom brand scale with @theme in v4 or theme.extend in v3, and how to generate one.6 min read

Comparisons