Back to palettes

Palette

Bohemian Spice Earth

A rich, inviting palette of earthy browns, terracotta, and soft creams, reminiscent of a bohemian market's spices.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Spice Earth reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Bohemian Spice Earth.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#724E38#9B6C4A#C78C6F#DCCDB2#AE795B

Palette guide

How to use Bohemian Spice Earth

Overview

The Bohemian Spice Earth palette is a rich, inviting collection of earthy browns, terracotta, and soft creams, reminiscent of a bohemian market's spices. This natural scheme features a deep Coffee Brown (#724E38), warm Caramel (#9B6C4A), soft Terracotta (#C78C6F), light Cream (#DCCDB2), and rustic Sienna (#AE795B). It's perfect for designs that aim for a natural, rustic, and cozy mood, conveying warmth and authenticity. Designers and developers can leverage this palette to craft visually comforting and engaging user experiences across various mediums.

Best used for

  • Spice brand packaging
  • Bohemian home decor websites
  • Rustic cafe or bakery branding
  • Nature-inspired craft products
  • Warm and inviting user interfaces
  • Autumnal photography themes

Suggested color roles

primary

#724E38 (Coffee Brown) serves as a grounding base for headers or main sections, evoking natural depth and warmth.

secondary

#AE795B (Sienna) provides a rustic, inviting contrast for subheadings or prominent interactive elements.

accent

#9B6C4A (Caramel) offers a rich, mellow accent for calls to action, important details, or decorative flourishes.

background

#DCCDB2 (Cream) or #C78C6F (Terracotta) creates a soft, natural backdrop, ensuring excellent readability.

text

Use #724E38 for main body text on lighter backgrounds like #DCCDB2, ensuring optimal legibility and warmth.

Accessibility notes

  • Ensure sufficient contrast when using #C78C6F or #DCCDB2 as text on similar light backgrounds.
  • Pair darker colors like #724E38 or #AE795B with #DCCDB2 for body text to meet WCAG AA standards.
  • Avoid using #9B6C4A text on #C78C6F due to potential low contrast, especially for smaller font sizes.
  • Consider larger font sizes or bolding for text elements in mid-tone colors to enhance readability.

Recommended combinations

Spice Ground

Ideal for establishing a strong, natural visual hierarchy in web layouts or print materials.

#724E38 · #DCCDB2 · #AE795B

Market Warmth

Excellent for showcasing warm product features, blog post headers, or inviting callouts.

#9B6C4A · #C78C6F · #724E38

Earthy Blend

Use for soft gradients, background textures, or emphasizing light, airy sections with warmth.

#AE795B · #DCCDB2 · #9B6C4A

CSS variables

:root {
  --bohemian-spice-earth-1: #724E38;
  --bohemian-spice-earth-2: #9B6C4A;
  --bohemian-spice-earth-3: #C78C6F;
  --bohemian-spice-earth-4: #DCCDB2;
  --bohemian-spice-earth-5: #AE795B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-spice-earth": {
        1: "#724E38",
        2: "#9B6C4A",
        3: "#C78C6F",
        4: "#DCCDB2",
        5: "#AE795B",
      }
    }
  }
}

Related searches

bohemian spice color paletteearthy brown cream schemenatural rustic toneswarm market huescozy terracotta design

Palette colors

Hex values

Color 1#724E38
·
Color 2#9B6C4A
·
Color 3#C78C6F
·
Color 4#DCCDB2
·
Color 5#AE795B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
4.7:1AA
2:1Fail
2
1.6:1Fail
1.6:1Fail
2.9:1Fail
1.2:1Fail
3
2.6:1Fail
1.6:1Fail
1.8:1Fail
1.3:1Fail
4
4.7:1AA
2.9:1Fail
1.8:1Fail
2.4:1Fail
5
2:1Fail
1.2:1Fail
1.3:1Fail
2.4:1Fail

Similar palettes

More like Bohemian Spice Earth

View all earth
Ancient Clay Vessel
Artisan Clay Glaze
Artisan Clay Vessel
Canyon Sun Baked
Cinnamon Bark
Desert Clay Bloom