Boho Color Palette — HEX Codes, Swatches & UI Palette
Embodying artisanal ceramics, woven rattan, and desert wanderlust. Harmonious dusty rose, sun-dried clay, and sage green harmonize with sandy macramé neutrals for chic, relaxed sophistication.
Color Swatches & Technical Specifications
Exact color codes, luminance values, and WCAG contrast ratings for each swatch in the Boho Color Palette.
UI Design & Color Hierarchy Guide
Beloved in wedding stationery, boutique jewelry, handmade crafts, and interior design styling. Dusty rose (#D4A373) paired with soft sage evokes organic tranquility.
WCAG 2.1 Accessibility & Contrast Matrix
Legibility ratings between palette elements and key backgrounds (Lightest: Pampas Grass | Darkest: Roasted Walnut):
| Swatch | Contrast vs Light Canvas | Contrast vs Dark Canvas |
|---|---|---|
| Desert Terracotta (#C97A63) | 1.94:1 Fail | 2.7:1 Fail |
| Dusty Rose (#DDA7A5) | 1.23:1 Fail | 4.26:1 AA Large |
| Pampas Grass (#D4C5B9) | 1.0:1 Fail | 5.24:1 AA |
| Muted Eucalyptus (#9EA992) | 1.46:1 Fail | 3.58:1 AA Large |
| Roasted Walnut (#58473D) | 5.24:1 AA | 1.0:1 Fail |
CSS Custom Properties & Design Tokens
Copy and paste production-ready tokens directly into your CSS stylesheet or Tailwind CSS configuration:
:root {
--color-1: #C97A63; /* Desert Terracotta - Warm Focal Accent */
--color-2: #DDA7A5; /* Dusty Rose - Soft Floral Warmth */
--color-3: #D4C5B9; /* Pampas Grass - Earthy Textured Neutral */
--color-4: #9EA992; /* Muted Eucalyptus - Natural Foliage Tint */
--color-5: #58473D; /* Roasted Walnut - Soft Dark Charcoal */
}
{
colors: {
'palette-1': '#C97A63',
'palette-2': '#DDA7A5',
'palette-3': '#D4C5B9',
'palette-4': '#9EA992',
'palette-5': '#58473D'
}
}
Explore More Curated Color Palettes
Browse seasonal palettes, retro aesthetic color schemes, nature tones, and dark mode themes.