Boho Color Palette
Mustard, terracotta, dusty rose and olive with a surprise of deep teal. The boho palette is warm, collected and a little bit free-spirited.
Click any color to copy its HEX code.
Boho color codes
| Name | HEX | RGB | HSL | |
|---|---|---|---|---|
| Cream | #F3E9DC | 243, 233, 220 | 34°, 49%, 91% | |
| Dusty Rose | #C98C87 | 201, 140, 135 | 5°, 38%, 66% | |
| Mustard | #D8A13B | 216, 161, 59 | 39°, 67%, 54% | |
| Terracotta | #C2643F | 194, 100, 63 | 17°, 52%, 50% | |
| Olive | #7A7A48 | 122, 122, 72 | 60°, 26%, 38% | |
| Deep Teal | #2F5D62 | 47, 93, 98 | 186°, 35%, 28% |
How to use this palette
A simple way to use 6 colors without chaos is the 60-30-10 rule: about 60% of the space in the lightest shade, 30% in a supporting color and 10% in the accent. For this palette that is Cream (#F3E9DC) as the base, Dusty Rose (#C98C87) as the supporting color and Mustard (#D8A13B) as the accent, with Deep Teal (#2F5D62) for text and fine details.
Boho
A quick preview of the palette with base, text and accent colors.
Mustard Dusty RoseWhere it works
Readable text color pairs
These combinations reach a contrast ratio of at least 4.5:1, the WCAG AA level for normal text, so they are safe for text on websites, posters and invitations.
- Deep Teal on Cream#2F5D62 on #F3E9DC · 6.1:1
CSS variables
:root {
--cream: #F3E9DC;
--dusty-rose: #C98C87;
--mustard: #D8A13B;
--terracotta: #C2643F;
--olive: #7A7A48;
--deep-teal: #2F5D62;
}