Back to palettes

Palette

Spiced Tea House

Evoking the rich, comforting aromas and warm tones of an ancient tea house filled with exotic spices.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Tea House 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 Spiced Tea House.

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

Data visualization

#8B5B3C#B67C52#D8A47A#623F27#AA8462

Palette guide

How to use Spiced Tea House

Overview

The "Spiced Tea House" palette offers a rich, comforting journey through warm, earthy tones, perfect for evoking a sense of cozy sophistication. Dominated by deep browns like #8B5B3C and #623F27, it's beautifully complemented by softer, inviting shades such as #B67C52 and the serene #D8A47A. This collection is ideal for projects aiming to project warmth, heritage, and a natural, artisanal feel. Designers and developers will find its cohesive nature excellent for creating welcoming digital interfaces, luxurious branding, or harmonious physical spaces. The mid-tone #AA8462 provides excellent versatility, bridging the lighter and darker hues seamlessly.

Best used for

  • Branding for artisanal coffee shops, tea houses, or bakeries.
  • Interior design schemes for cozy living spaces or boutique hotels.
  • Packaging for organic, gourmet, or natural beauty products.
  • Autumn-themed event promotions, websites, or social media campaigns.
  • Fashion and apparel design focusing on natural fibers and earthy tones.
  • Blog or website themes for lifestyle, home decor, or wellness content.

Suggested color roles

primary

Use #B67C52 as the foundational color for main sections, large blocks, or dominant branding elements. Its warm, inviting nature makes it highly versatile.

secondary

Apply #AA8462 for supporting elements, subheadings, or background textures. It harmonizes beautifully with the primary, adding depth without competing.

accent

Reserve #D8A47A for highlights, call-to-action buttons, or subtle decorative details to provide a touch of brightness and visual interest.

background

Utilize #D8A47A for light, airy backgrounds where readability is paramount, or #AA8462 for a slightly warmer, more subdued backdrop.

text

Employ #623F27 for all body text and important headings. Its deep brown ensures optimal contrast and readability against lighter palette colors, especially #D8A47A.

Accessibility notes

  • Always ensure #623F27 text on #D8A47A backgrounds meets WCAG AA contrast standards for readability.
  • Avoid using mid-tones like #8B5B3C and #AA8462 for text on backgrounds of similar luminosity to prevent poor contrast.
  • For UI elements, test interactive states (hover, active) with sufficient contrast against their default states and backgrounds.
  • Consider providing a stark black or near-black alternative for text on very light palette colors if #623F27 doesn't meet AAA standards for very small text.

Recommended combinations

Warm Earth

Ideal for creating a welcoming landing page or a product showcase. #B67C52 as primary, #D8A47A for backgrounds/accents, and #623F27 for text.

#B67C52 · #D8A47A · #623F27

Deep Spice

Perfect for sophisticated branding or a rich, immersive digital experience. #8B5B3C as dominant, #AA8462 for secondary elements, and #623F27 for strong contrast.

#8B5B3C · #AA8462 · #623F27

Soft Brew

Excellent for a light, airy blog layout or a gentle UI. #D8A47A as the main background, #AA8462 for cards/panels, and #B67C52 for accents.

#D8A47A · #AA8462 · #B67C52

CSS variables

:root {
  --spiced-tea-house-2-1: #8B5B3C;
  --spiced-tea-house-2-2: #B67C52;
  --spiced-tea-house-2-3: #D8A47A;
  --spiced-tea-house-2-4: #623F27;
  --spiced-tea-house-2-5: #AA8462;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-tea-house-2": {
        1: "#8B5B3C",
        2: "#B67C52",
        3: "#D8A47A",
        4: "#623F27",
        5: "#AA8462",
      }
    }
  }
}

Related searches

cozy brown color schemeautumn inspired palettewarm earthy tonesspice color combinationsnatural rustic colors

Palette colors

Hex values

Color 1#8B5B3C
·
Color 2#B67C52
·
Color 3#D8A47A
·
Color 4#623F27
·
Color 5#AA8462
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
1.6:1Fail
1.7:1Fail
2
1.6:1Fail
1.6:1Fail
2.7:1Fail
1:1Fail
3
2.6:1Fail
1.6:1Fail
4.2:1AA18
1.5:1Fail
4
1.6:1Fail
2.7:1Fail
4.2:1AA18
2.7:1Fail
5
1.7:1Fail
1:1Fail
1.5:1Fail
2.7:1Fail

Similar palettes

More like Spiced Tea House

View all warm
Cinnamon Hearth Glow
Cinnamon Toast Cozy
Pumpkin Spice Latte
Spiced Cinnamon Brew
Autumn Hearth Comfort
Autumn Spice Brew