← All palettes

Bold Basics

Bold Basics is a cool, balanced five-colour palette of blue, red and green tones.

Where this palette works

The Bold Basics palette brings together blue, red and green in a cool, balanced five-colour scheme that runs from light tints to deep shades. It suits web apps, dashboards and clean modern brands. Its darkest and lightest colours reach 11.56:1 contrast — past WCAG AAA, so that pairing is safe for body text. Click any swatch to copy its hex, or export the set as CSS variables, a Tailwind config or JSON.

Every code

CSS variables