Palette

Spiced Chai Cozy

Warm, inviting browns and creams reminiscent of a fragrant, comforting cup of spiced chai tea.

warmcalm5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#D2B48C#FDF5E6#BC8F8F

Palette guide

How to use Spiced Chai Cozy

Overview

The Spiced Chai Cozy palette offers a wonderfully inviting and soft collection of warm tones, perfect for designs that aim to convey comfort, gentle elegance, and a serene atmosphere. It features rich, comforting browns like #8B4513 and #CD853F, beautifully complemented by the extremely light, airy #FDF5E6. The inclusion of #BC8F8F, a muted rosy brown, adds a unique touch of modern softness and sophistication, while #D2B48C provides a creamy mid-tone. Designers can leverage these harmonious colors to create welcoming user interfaces, establish a gentle brand identity, or produce appealing print materials. This palette is ideal for projects seeking to evoke a sense of natural warmth, cozy charm, and refined tranquility.

Best used for

Wedding and event planning websites/materials
Beauty and skincare product branding
Soft lifestyle blogs and social media
Home decor and interior design mood boards
Feminine fashion e-commerce sites
Relaxation and wellness app interfaces

Suggested color roles

primary

Utilize the deep, comforting #8B4513 for foundational elements like navigation, footers, or primary text, creating a strong, stable presence.

secondary

Apply #CD853F for subheadings, important calls-to-action, or supporting brand graphics, offering a rich, inviting contrast.

accent

Introduce #BC8F8F as a unique, soft accent for interactive elements, highlights, or small details that need a sophisticated, gentle pop.

background

The extremely light and airy #FDF5E6 serves as an excellent background, providing a clean, bright canvas that enhances the warmth of the darker tones.

text

For body text, use #8B4513 or a deep brown to ensure high readability against the light backgrounds, maintaining the palette's gentle feel.

Accessibility notes

Ensure sufficient contrast when using #D2B48C or #BC8F8F for text on #FDF5E6, especially for smaller font sizes; darker text is often required.
Always use #8B4513 or a very dark brown for primary body text on #FDF5E6 to meet WCAG AA contrast guidelines.
Avoid placing light-colored text directly on #CD853F without verifying contrast ratios; black or very dark text is usually best.
For interactive elements, ensure hover and focus states provide clear visual changes with adequate contrast.

Recommended combinations

Soft Elegance

Ideal for sophisticated branding, wedding stationery, or designs needing a gentle, modern, and inviting feel.

#8B4513 · #BC8F8F · #FDF5E6

Chai Fresh

Excellent for calls-to-action, feature sections, or marketing materials that need to feel fresh, warm, and clean.

#CD853F · #D2B48C · #FDF5E6

Deep & Light

Perfect for establishing a strong, yet airy brand presence, or for layouts requiring clear visual hierarchy.

#8B4513 · #D2B48C · #FDF5E6

CSS variables

:root {
  --spiced-chai-cozy-1: #8B4513;
  --spiced-chai-cozy-2: #CD853F;
  --spiced-chai-cozy-3: #D2B48C;
  --spiced-chai-cozy-4: #FDF5E6;
  --spiced-chai-cozy-5: #BC8F8F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-chai-cozy": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#FDF5E6",
        5: "#BC8F8F",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#D2B48C

Color 4#FDF5E6

Color 5#BC8F8F

Accessibility

Contrast checker

2.4:1Fail

3.6:1AA18

6.6:1AA

2.5:1Fail

2.4:1Fail

1.5:1Fail

2.8:1Fail

1.1:1Fail

3.6:1AA18

1.5:1Fail

1.8:1Fail

1.4:1Fail

6.6:1AA

2.8:1Fail

1.8:1Fail

2.6:1Fail

2.5:1Fail

1.1:1Fail

1.4:1Fail

2.6:1Fail

Similar palettes

More like Spiced Chai Cozy

Autumn Hearth Comfort

Barista Brew Comfort

Barista Roast Comfort