Palette

Spiced Tea Ceremony

Evokes the cozy warmth and inviting aromas of a freshly brewed, spiced tea.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#704214#A0522D#D2B48C#FFFACD#8B4513

Palette guide

How to use Spiced Tea Ceremony

Overview

The Spiced Tea Ceremony palette offers a rich, comforting experience, perfect for designs aiming for warmth and sophistication. Anchored by deep browns like #704214 and #8B4513, it evokes an earthy, inviting feel. The mid-tone #A0522D adds a touch of sienna-like warmth, reminiscent of clay or spiced chai. Lighter, creamy tones such as #D2B48C and the near-white #FFFACD provide excellent balance and breathability. This versatile palette is ideal for creating designs that feel grounded, luxurious, and inherently welcoming. Designers can leverage its natural harmony to build cohesive and emotionally resonant user interfaces or branding materials, ensuring a warm and engaging aesthetic.

Best used for

Cozy home decor branding
Artisan food and beverage packaging
Wellness and spa website design
Autumnal event invitations
Coffee shop or bakery interior design concepts
Rustic e-commerce platforms

Suggested color roles

primary

Use this deep, grounding brown #704214 for dominant sections, headers, or backgrounds requiring a strong, stable presence. It sets a sophisticated, earthy tone.

secondary

Employ this rich sienna #A0522D for important sub-sections, accent panels, or call-to-action buttons that need to stand out with warmth and approachability.

accent

A versatile saddle brown #8B4513, ideal for subtle accents, interactive elements, or highlighting key information without overpowering the primary colors.

background

This soft, creamy yellow #FFFACD provides a light, inviting canvas. It ensures excellent readability for darker text and maintains the palette's overall warmth.

text

For primary body text and headings, use #704214 against lighter backgrounds like #FFFACD or #D2B48C to ensure strong contrast and readability. Alternatively, a deep charcoal or black can be used for very small text.

Accessibility notes

Ensure sufficient contrast when using #704214 or #8B4513 for text against #D2B48C or #FFFACD backgrounds.
Avoid using #D2B48C for text on #FFFACD backgrounds, as the contrast will be too low for readability.
For interactive elements, ensure the focus state has a clear, high-contrast outline or color change from the background.
When placing text on #A0522D, use a very light color like white or #FFFACD for optimal legibility.

Recommended combinations

Earthy Core

Ideal for a classic, high-contrast website layout where #704214 is text, #FFFACD is background, and #D2B48C provides subtle dividers or secondary elements.

#704214 · #D2B48C · #FFFACD

Spiced Warmth

Excellent for branding that needs warmth and depth, with #A0522D as a main brand color, #8B4513 for accents, and #FFFACD for clean backgrounds.

#A0522D · #8B4513 · #FFFACD

Soft Comfort

Creates a gentle, inviting feel, perfect for blog posts or serene interfaces, using #FFFACD as a primary background, #D2B48C for cards, and #704214 for readable text.

#D2B48C · #FFFACD · #704214

CSS variables

:root {
  --spiced-tea-ceremony-1: #704214;
  --spiced-tea-ceremony-2: #A0522D;
  --spiced-tea-ceremony-3: #D2B48C;
  --spiced-tea-ceremony-4: #FFFACD;
  --spiced-tea-ceremony-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-tea-ceremony": {
        1: "#704214",
        2: "#A0522D",
        3: "#D2B48C",
        4: "#FFFACD",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#704214

Color 2#A0522D

Color 3#D2B48C

Color 4#FFFACD

Color 5#8B4513

Accessibility

Contrast checker

1.5:1Fail

4.3:1AA18

8:1AAA

1.2:1Fail

1.5:1Fail

2.8:1Fail

5.3:1AA

1.3:1Fail

4.3:1AA18

2.8:1Fail

1.9:1Fail

3.6:1AA18

8:1AAA

5.3:1AA

1.9:1Fail

6.7:1AA

1.2:1Fail

1.3:1Fail

3.6:1AA18

6.7:1AA

Similar palettes

More like Spiced Tea Ceremony