Back to palettes

Palette

Spiced Tea Cozy

Rich, inviting hues reminiscent of a warm cup of spiced tea on a cool autumn day.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#6A0505#A52A2A#D2691E#FFDEAD#F5DEB3

Palette guide

How to use Spiced Tea Cozy

Overview

The Spiced Tea Cozy palette evokes a sense of warmth and inviting comfort, perfect for projects aiming for a rich, autumnal feel. This collection features deep, grounding reds like #6A0505 and a slightly lighter #A52A2A, complemented by the warm, earthy orange of #D2691E. Lighter, creamy tones such as #FFDEAD and #F5DEB3 provide excellent balance and softness. Designers can leverage this palette to create engaging interfaces and branding that feel both luxurious and approachable. Developers will find these hex codes easy to implement across various digital platforms, ensuring a consistent and harmonious visual experience that resonates with a cozy, sophisticated aesthetic.

Best used for

  • Autumnal branding and marketing campaigns
  • Cozy cafe or bakery website designs
  • Home decor e-commerce platforms
  • Holiday season promotional materials
  • Editorial design for lifestyle blogs
  • Mobile apps with a relaxed, warm interface

Suggested color roles

primary

Use #6A0505 for strong brand presence, main headings, and critical call-to-action buttons. Its depth commands attention and signifies importance.

secondary

#A52A2A works well for subheadings, secondary buttons, or large graphical elements. It provides warmth without overwhelming the primary color.

accent

Apply #D2691E sparingly for highlights, interactive elements, or notifications that need a friendly pop against the deeper reds or lighter backgrounds.

background

#F5DEB3 offers a soft, inviting canvas for most content, ensuring readability while maintaining the palette's cozy feel. It serves as an excellent base.

text

For primary body text, a dark neutral like charcoal (#333333) or black (#000000) will provide optimal readability against #F5DEB3. Use #6A0505 for prominent headings or key textual emphasis.

Accessibility notes

  • Ensure sufficient contrast when pairing #D2691E with #FFDEAD or #F5DEB3, especially for smaller text elements, to meet WCAG guidelines.
  • For body text on #F5DEB3 or #FFDEAD backgrounds, opt for darker shades like #6A0505 or a true black for optimal readability.
  • Use #6A0505 for critical UI elements and primary text where contrast is paramount against lighter backgrounds.
  • Avoid placing light-colored text on #D2691E as it may lack sufficient contrast for many users, particularly those with visual impairments.

Recommended combinations

Rich Earth

Ideal for strong branding, hero sections, and calls to action. The deep red provides impact, the orange adds warmth, and the light beige balances the composition.

#6A0505 · #D2691E · #F5DEB3

Soft Harvest

Perfect for backgrounds, secondary content areas, or gentle UI elements. This blend offers a delicate, welcoming feel with muted red and soft creams.

#A52A2A · #FFDEAD · #F5DEB3

Spiced Depth

Excellent for thematic elements, illustrations, or data visualizations where layering deeper, warmer tones creates visual interest and sophistication.

#6A0505 · #A52A2A · #D2691E

CSS variables

:root {
  --spiced-tea-cozy-1: #6A0505;
  --spiced-tea-cozy-2: #A52A2A;
  --spiced-tea-cozy-3: #D2691E;
  --spiced-tea-cozy-4: #FFDEAD;
  --spiced-tea-cozy-5: #F5DEB3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-tea-cozy": {
        1: "#6A0505",
        2: "#A52A2A",
        3: "#D2691E",
        4: "#FFDEAD",
        5: "#F5DEB3",
      }
    }
  }
}

Related searches

autumn color palettecozy design colorswarm red orange palettespiced tea colorsfall branding palette

Palette colors

Hex values

Color 1#6A0505
·
Color 2#A52A2A
·
Color 3#D2691E
·
Color 4#FFDEAD
·
Color 5#F5DEB3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.5:1AA18
10:1AAA
9.8:1AAA
2
1.8:1Fail
1.9:1Fail
5.5:1AA
5.4:1AA
3
3.5:1AA18
1.9:1Fail
2.8:1Fail
2.8:1Fail
4
10:1AAA
5.5:1AA
2.8:1Fail
1:1Fail
5
9.8:1AAA
5.4:1AA
2.8:1Fail
1:1Fail

Similar palettes

More like Spiced Tea Cozy

View all warm
Autumn Hearth Comfort
Autumn Hearth Glow
Autumn Spice Brew
Cinnamon Hearth Glow
Cinnamon Toast Cozy
Clove Spice Hearth