Back to palettes

Palette

Spiced Tea Lounge

The inviting, rich browns and amber tones of a warm, aromatic spiced tea, perfect for a cozy lounge.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#D2691E#CD853F#A0522D#6E451F

Palette guide

How to use Spiced Tea Lounge

Overview

The Spiced Tea Lounge palette offers a rich, inviting journey into warm, earthy tones, ideal for creating cozy and sophisticated digital or physical spaces. Anchored by deep browns like #8B4513 and #6E451F, it introduces vibrant yet comforting accents such as the burnt orange of #D2691E and the mellow amber of #CD853F. This collection is perfect for designers aiming for a natural, grounded aesthetic with a touch of exotic warmth. Developers will find these hex codes blend seamlessly for UI elements, branding, or immersive content, ensuring a cohesive and luxurious user experience. The mid-tone brown #A0522D provides excellent versatility for various design applications.

Best used for

  • Cozy cafe or restaurant branding
  • Autumnal fashion or home decor websites
  • Rustic interior design concepts
  • High-end artisanal product packaging
  • Relaxing spa or wellness app interfaces
  • Editorial layouts for travel or food blogs

Suggested color roles

primary

#8B4513 - A deep, grounding brown, perfect for large background areas, primary navigation, or strong brand statements.

secondary

#D2691E - A vibrant yet warm burnt orange, excellent for calls-to-action, section headers, or illustrative elements.

accent

#CD853F - A softer, inviting amber that can highlight key information, buttons, or decorative details without overpowering.

background

#6E451F - A darker, richer brown suitable for sophisticated dark mode interfaces or as a deep backdrop for lighter content.

text

#A0522D - A versatile mid-tone brown for body text on lighter backgrounds, or use a near-white like #FDFDFD on darker elements for readability.

Accessibility notes

  • Ensure sufficient contrast between #D2691E or #CD853F and darker backgrounds like #8B4513 or #6E451F for readability.
  • Avoid placing #A0522D text directly on #8B4513 without checking WCAG contrast ratios; consider lighter text.
  • For interactive elements, provide clear visual cues beyond color, especially when using similar brown tones.
  • Light text (e.g., #FDFDFD) on #6E451F or #8B4513 will generally offer good contrast for main content.

Recommended combinations

Earthy Foundation

Creates a stable, deep base for sophisticated, natural designs, ideal for large content blocks.

#8B4513 · #A0522D · #6E451F

Warm Contrast

Highlights vibrant elements against a rich backdrop, suitable for calls-to-action and featured content.

#D2691E · #CD853F · #8B4513

Mellow Accents

Offers a softer, inviting feel, perfect for subtle branding or secondary information.

#CD853F · #A0522D · #6E451F

CSS variables

:root {
  --spiced-tea-lounge-1: #8B4513;
  --spiced-tea-lounge-2: #D2691E;
  --spiced-tea-lounge-3: #CD853F;
  --spiced-tea-lounge-4: #A0522D;
  --spiced-tea-lounge-5: #6E451F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-tea-lounge": {
        1: "#8B4513",
        2: "#D2691E",
        3: "#CD853F",
        4: "#A0522D",
        5: "#6E451F",
      }
    }
  }
}

Related searches

cozy brown color schemewarm spice paletteearthy tone designnatural lounge colorsinviting tea colors

Palette colors

Hex values

Color 1#8B4513
·
Color 2#D2691E
·
Color 3#CD853F
·
Color 4#A0522D
·
Color 5#6E451F
·

Accessibility

Contrast checker

1
2
3
4
5
1
2:1Fail
2.4:1Fail
1.3:1Fail
1.2:1Fail
2
2:1Fail
1.2:1Fail
1.5:1Fail
2.3:1Fail
3
2.4:1Fail
1.2:1Fail
1.9:1Fail
2.8:1Fail
4
1.3:1Fail
1.5:1Fail
1.9:1Fail
1.5:1Fail
5
1.2:1Fail
2.3:1Fail
2.8:1Fail
1.5:1Fail

Similar palettes

More like Spiced Tea Lounge

View all warm
Chai Latte
Cinnamon Hearth
Gingerbread Spice Home
Spiced Chai Aura
Artisan Loaf Hearth
Autumn Chai Warmth