Palette

Spiced Curcuma Blend

Rich, earthy golds and spiced oranges evoke the aromatic warmth of exotic turmeric and saffron.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Spiced Curcuma Blend 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 Curcuma Blend.

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

Data visualization

#D99C4B#F2C77D#FFD700#A05D2B#6A3F1B

Palette guide

How to use Spiced Curcuma Blend

Overview

The Spiced Curcuma Blend palette offers a rich, aromatic collection of warm golden oranges and deep earthy browns, perfect for projects seeking a natural, inviting feel. Inspired by exotic spices, this palette features vibrant hues like the golden orange `#D99C4B`, a brighter yellow gold `#FFD700`, and the comforting medium gold `#F2C77D`. Grounding the palette are the deeper, reddish-brown `#A05D2B` and the profound, dark brown `#6A3F1B`. Designers and developers can leverage this blend to evoke warmth, culinary richness, and a connection to nature, making it highly versatile for autumnal or food-related themes. Its inviting warmth makes it ideal for creating cozy and authentic digital experiences.

Best used for

Food & Beverage Branding (especially spices, coffee, tea)
Rustic Interior Design Concepts
Autumnal Event Invitations & Decor
Natural Product Packaging
E-commerce for artisanal goods
Cozy Blog or Website Themes

Suggested color roles

primary

Use `#D99C4B` as a captivating main brand color, ideal for calls-to-action or prominent headings.

secondary

Employ `#F2C77D` for supporting elements, subheadings, or background sections that need a softer warmth.

accent

Apply `#FFD700` sparingly for highlights, icons, or interactive elements to draw attention with a bright pop.

background

Utilize `#F2C77D` as a warm, light background for content areas, or for subtle texture overlays.

text

Opt for `#6A3F1B` for body text and important information, providing excellent readability against lighter palette colors.

Accessibility notes

Ensure `#6A3F1B` text has sufficient contrast against `#F2C77D` or `#FFD700` backgrounds for readability.
Avoid placing lighter colors like `#FFD700` directly on `#F2C77D` for large blocks of text due to low contrast.
Use a tool to check contrast ratios for all text and interactive elements, especially between `#D99C4B` and `#A05D2B`.
Consider using a near-white text on `#6A3F1B` or `#A05D2B` for optimal legibility.

Recommended combinations

Earthy Warmth

Ideal for branding that needs a robust yet inviting feel, using the deep brown for text and the lighter gold for accents.

#D99C4B · #6A3F1B · #F2C77D

Golden Spice

Excellent for highlighting culinary or natural product features, with a bright accent against a warm, earthy base.

#FFD700 · #A05D2B · #F2C77D

Rich Harvest

Creates a sophisticated, deep autumn mood, suitable for luxury goods or rustic-chic designs, emphasizing depth and richness.

#A05D2B · #D99C4B · #6A3F1B

CSS variables

:root {
  --spiced-curcuma-blend-1: #D99C4B;
  --spiced-curcuma-blend-2: #F2C77D;
  --spiced-curcuma-blend-3: #FFD700;
  --spiced-curcuma-blend-4: #A05D2B;
  --spiced-curcuma-blend-5: #6A3F1B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "spiced-curcuma-blend": {
        1: "#D99C4B",
        2: "#F2C77D",
        3: "#FFD700",
        4: "#A05D2B",
        5: "#6A3F1B",
      }
    }
  }
}

Hex values

Color 1#D99C4B

Color 2#F2C77D

Color 3#FFD700

Color 4#A05D2B

Color 5#6A3F1B

Accessibility

Contrast checker

1.5:1Fail

1.7:1Fail

2.2:1Fail

3.8:1AA18

1.5:1Fail

1.1:1Fail

3.2:1AA18

5.7:1AA

1.7:1Fail

1.1:1Fail

3.7:1AA18

6.4:1AA

2.2:1Fail

3.2:1AA18

3.7:1AA18

1.8:1Fail

3.8:1AA18

5.7:1AA

6.4:1AA

1.8:1Fail

Similar palettes

More like Spiced Curcuma Blend

Spiced Orange Marmalade

Spiced Orange Peel