Boho Color Palette

Boho palettes are sun-faded and natural: terracotta, rust, clay pink, sand and sage on warm cream, sometimes with a deep teal or mustard accent. They read as handmade rather than polished.

Colors

Describe your project and let AI pick the colors

Try:

See it on a page

Lightest color becomes the background, darkest the text, the most saturated one the button.

NorthwindPricing · Docs · Blog

Ship the release notes your users actually read.

Body text in your darkest color on your lightest: 8.73:1 AA pass

Start freeSee a demo

Surface card with a secondary accent

Export

CSS custom properties, Tailwind v4 @theme (in OKLCH), Tailwind v3 config, JSON or SCSS.

:root {
  --color-dark-slate-gray: #4B2E25;
  --color-sienna: #B45F3F;
  --color-dark-salmon: #D9A07B;
  --color-peach-puff: #EAD7C1;
  --color-cadet-blue: #8A9A7B;
}

Contrast between every pair

WCAG 2.2: 4.5:1 for body text (AA), 3:1 for large text and UI parts, 7:1 for AAA.

Contrast ratio of every text color (rows) on every background (columns)
Text / background	#4B2E25	#B45F3F	#D9A07B	#EAD7C1	#8A9A7B
#4B2E25		Aa2.70:1Fail	Aa5.39:1AA	Aa8.73:1AAA	Aa4.07:1Large
#B45F3F	Aa2.70:1Fail		Aa1.99:1Fail	Aa3.22:1Large	Aa1.50:1Fail
#D9A07B	Aa5.39:1AA	Aa1.99:1Fail		Aa1.61:1Fail	Aa1.32:1Fail
#EAD7C1	Aa8.73:1AAA	Aa3.22:1Large	Aa1.61:1Fail		Aa2.14:1Fail
#8A9A7B	Aa4.07:1Large	Aa1.50:1Fail	Aa1.32:1Fail	Aa2.14:1Fail

Get an AI critique of this palette

The contrast numbers are calculated exactly in your browser and passed to the AI, so its advice starts from real ratios.

What is it for? (optional)

Hand-picked boho palettes

Desert boho

8.73:1 text contrast · Edit in generator

Boho wedding

8.58:1 text contrast · Edit in generator

Macramé

9.27:1 text contrast · Edit in generator

Tips for boho palettes

Build on terracotta and sand, then add one cool sage or teal.
Avoid pure white and pure black.
Textures (linen, rattan) suit these colors; flat UIs need a strong dark for text.

Want one written for your project? Describe it on the AI palette generator, then check it with the accessible palette checker.

Frequently asked questions

What colors are boho?

Earthy, warm colors: terracotta, rust, clay, mustard, sand, cream and sage green, with deep teal or burgundy as accents.

Is boho the same as earth tones?

Boho uses mostly earth tones, but typically softer and pinker (clay, blush) with a sun-faded feel.