Palette

Spiced Clementine Tea

A comforting blend of spicy reds and warm orange-browns, like a flavorful spiced tea.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#CD5C5C#FFDAB9#F4A460#A0522D#8B4513

Palette guide

How to use Spiced Clementine Tea

Overview

The Spiced Clementine Tea palette offers a comforting blend of warm reds, oranges, and earthy browns, reminiscent of a cozy, spiced beverage. It features the inviting #CD5C5C, a soft #FFDAB9, and the vibrant #F4A460, balanced by the deeper #A0522D and #8B4513. This palette is excellent for designs that aim to evoke warmth, comfort, and a touch of rustic elegance. Designers can use these harmonious colors to create engaging visuals for seasonal campaigns, food and beverage branding, or any project requiring a welcoming and grounded aesthetic, blending spice-infused warmth with natural depth.

Best used for

Café or tea shop branding and packaging
Autumn and holiday season marketing materials
Recipe blogs and culinary websites
Cozy home goods and textile e-commerce
Event invitations for warm, intimate gatherings
Lifestyle branding that emphasizes comfort and natural ingredients

Suggested color roles

primary

Utilize #8B4513 as a solid foundation for main headers, footers, or primary brand elements, providing deep warmth.

secondary

Apply #A0522D for subheadings, navigation, or as a supporting background color to maintain a rich, inviting feel.

accent

Employ #CD5C5C to draw attention to calls-to-action or key information, adding a touch of vibrant spice.

background

Use #FFDAB9 for primary content areas, offering a soft, creamy canvas that enhances readability.

text

For body text on lighter backgrounds, #8B4513 or a deep charcoal provides excellent contrast and maintains the palette's cozy essence.

Accessibility notes

Ensure strong contrast between #8B4513 and #FFDAB9 for text and background pairings.
Avoid using #F4A460 text on #CD5C5C backgrounds due to similar luminosity and potential readability issues.
For headings, #CD5C5C on #FFDAB9 offers a good balance of vibrancy and legibility.
When using #A0522D for background, ensure text is light (e.g., #FFDAB9) to meet contrast standards.

Recommended combinations

Warm Brew

Ideal for a comforting and inviting brand presence, like a tea or coffee shop.

#8B4513 · #CD5C5C · #FFDAB9

Spiced Orange

Excellent for vibrant, yet grounded designs, particularly in seasonal promotions.

#A0522D · #F4A460 · #FFDAB9

Clementine Blend

Creates an energetic, cozy feel, suitable for festive or culinary projects.

#CD5C5C · #F4A460 · #A0522D

CSS variables

:root {
  --spiced-clementine-tea-1: #CD5C5C;
  --spiced-clementine-tea-2: #FFDAB9;
  --spiced-clementine-tea-3: #F4A460;
  --spiced-clementine-tea-4: #A0522D;
  --spiced-clementine-tea-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-clementine-tea": {
        1: "#CD5C5C",
        2: "#FFDAB9",
        3: "#F4A460",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Hex values

Color 1#CD5C5C

Color 2#FFDAB9

Color 3#F4A460

Color 4#A0522D

Color 5#8B4513

Accessibility

Contrast checker

3:1AA18

2:1Fail

1.4:1Fail

1.8:1Fail

3:1AA18

1.5:1Fail

4.3:1AA18

5.4:1AA

2:1Fail

1.5:1Fail

2.8:1Fail

3.5:1AA18

1.4:1Fail

4.3:1AA18

2.8:1Fail

1.3:1Fail

1.8:1Fail

5.4:1AA

3.5:1AA18

1.3:1Fail

Similar palettes

More like Spiced Clementine Tea

View all warm

Autumn Hearth Comfort