Back to palettes

Palette

Spiced Turmeric Latte

A comforting blend of creamy browns and golden yellows, evoking the rich aroma of a spiced turmeric latte.

warmcalm5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Turmeric Latte 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 Turmeric Latte.

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

Data visualization

#E0B589#D9A066#CC8833#B87333#995B22

Palette guide

How to use Spiced Turmeric Latte

Overview

The Spiced Turmeric Latte palette offers a delectable blend of warm, inviting tones, echoing the comforting glow of its namesake. Featuring creamy golden shades like #E0B589 and #D9A066, it deepens into the rich, spicy oranges of #CC8833, #B87333, and #995B22. This collection is perfect for designers looking to infuse projects with warmth, natural elegance, and a touch of exotic comfort. Developers will find these hex codes ideal for creating user interfaces, marketing materials, or branding that feels wholesome, energetic yet grounded, and universally appealing for food, wellness, or lifestyle applications.

Best used for

  • Food and beverage branding or packaging
  • Health and wellness product websites
  • Autumnal event marketing
  • Cozy blog or recipe interfaces
  • Interior design inspiration platforms
  • Artisanal craft e-commerce

Suggested color roles

primary

#B87333 - A warm, inviting bronze-orange, excellent for primary calls-to-action or significant branding elements.

secondary

#CC8833 - A vibrant yet grounded turmeric gold, ideal for subheadings, active states, or illustrative accents.

accent

#E0B589 - A light, creamy beige-orange, perfect for subtle highlights, background textures, or secondary information.

background

#995B22 - A deep, rich burnt orange-brown, providing a sophisticated and grounding backdrop for lighter content.

text

#995B22 - This dark brown offers strong contrast for body text on lighter backgrounds like #E0B589. For darker backgrounds, use a cream or off-white.

Accessibility notes

  • Ensure sufficient contrast between text colors and background choices, especially when pairing mid-tones like #D9A066 with #E0B589.
  • For interactive elements, provide clear visual cues beyond color, particularly with similar warm tones.
  • Avoid using lighter colors like #E0B589 for small text on similarly light backgrounds; opt for darker contrast.
  • Black or very dark brown text (e.g., #333333) on #E0B589 will generally meet WCAG contrast guidelines.

Recommended combinations

Golden Glow

Creates a soft, luminous effect, perfect for hero sections or showcasing natural products.

#E0B589 · #D9A066 · #CC8833

Spicy Depth

Provides a rich, grounded feel with a pop of warmth, ideal for primary content blocks or branding.

#B87333 · #995B22 · #D9A066

Latte Blend

Offers a balanced mix of light and dark, suitable for versatile UI elements and text hierarchy.

#E0B589 · #CC8833 · #995B22

CSS variables

:root {
  --spiced-turmeric-latte-1: #E0B589;
  --spiced-turmeric-latte-2: #D9A066;
  --spiced-turmeric-latte-3: #CC8833;
  --spiced-turmeric-latte-4: #B87333;
  --spiced-turmeric-latte-5: #995B22;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-turmeric-latte": {
        1: "#E0B589",
        2: "#D9A066",
        3: "#CC8833",
        4: "#B87333",
        5: "#995B22",
      }
    }
  }
}

Related searches

turmeric color schemespiced orange palettewarm golden brownscozy latte colorsearthy food tones

Palette colors

Hex values

Color 1#E0B589
·
Color 2#D9A066
·
Color 3#CC8833
·
Color 4#B87333
·
Color 5#995B22
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.6:1Fail
2:1Fail
2.9:1Fail
2
1.2:1Fail
1.3:1Fail
1.7:1Fail
2.4:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail
4
2:1Fail
1.7:1Fail
1.3:1Fail
1.4:1Fail
5
2.9:1Fail
2.4:1Fail
1.8:1Fail
1.4:1Fail

Similar palettes

More like Spiced Turmeric Latte

View all warm
Saffron Ginger Brew
Spiced Tea Ritual
Amber Hearth Glow
Autumn Hearth Comfort
Barista Brew Comfort
Barista Roast Comfort