Back to palettes

Palette

Tamarind Glaze

Earthy browns and rich oranges, glazed with the warm, tangy-sweetness of tamarind fruit.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Tamarind Glaze 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 Tamarind Glaze.

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

Data visualization

#723C1B#A45F33#D78B5D#F2BF9C#5D3016

Palette guide

How to use Tamarind Glaze

Overview

The Tamarind Glaze palette is a warm and inviting collection of earthy browns and rich oranges, perfectly capturing the tangy-sweetness of tamarind fruit. This palette features the deep #723C1B, a robust dark brown, alongside the rich #A45F33 and the inviting #D78B5D. The soft #F2BF9C provides a gentle highlight, while the even darker #5D3016 grounds the scheme with profound depth. Designers can leverage these natural, food-inspired hues to create projects that evoke warmth, comfort, authenticity, and a touch of exotic appeal, ideal for culinary branding, natural products, or cozy digital spaces.

Best used for

  • Food and beverage branding (especially coffee, chocolate, spices)
  • Natural and organic product packaging
  • Rustic or artisanal website designs
  • Interior design mood boards (earthy tones)
  • Autumn and harvest-themed graphics
  • Cookbook and recipe layouts

Suggested color roles

primary

Use #723C1B (Rich Brown) for main headers, prominent brand elements, or as a dominant background color.

secondary

Apply #A45F33 (Warm Ochre) for secondary text, navigation, or as a comforting accent.

accent

Reserve #D78B5D (Soft Orange) for calls-to-action, highlights, or small interactive elements to add warmth.

background

The light #F2BF9C (Creamy Peach) is excellent for clean, soft backgrounds. #5D3016 (Deep Espresso) offers a strong, grounding base.

text

For text on #F2BF9C, use #5D3016 or a dark charcoal like #333333. For text on darker backgrounds, white or a very light cream is ideal.

Accessibility notes

  • Ensure good contrast between #D78B5D and #F2BF9C for text, as they are relatively close in value.
  • The darkest brown #5D3016 provides excellent contrast for light text, ensuring readability.
  • Avoid pairing #A45F33 or #D78B5D text directly on #723C1B without careful contrast checking.
  • Use #F2BF9C as a background for optimal readability with the darker browns and oranges.

Recommended combinations

Earthy Glaze

Perfect for creating a rich, grounded feel in food packaging, rustic branding, or website footers, evoking natural warmth.

#5D3016 · #723C1B · #A45F33

Sweet & Tangy

Ideal for softer, inviting designs like blog headers, social media posts for cafes, or product labels, emphasizing sweetness.

#F2BF9C · #D78B5D · #A45F33

Spiced Warmth

Use for showcasing culinary creations, natural product hero sections, or a cozy blog theme, balancing depth with inviting highlights.

#723C1B · #D78B5D · #F2BF9C

CSS variables

:root {
  --tamarind-glaze-1: #723C1B;
  --tamarind-glaze-2: #A45F33;
  --tamarind-glaze-3: #D78B5D;
  --tamarind-glaze-4: #F2BF9C;
  --tamarind-glaze-5: #5D3016;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "tamarind-glaze": {
        1: "#723C1B",
        2: "#A45F33",
        3: "#D78B5D",
        4: "#F2BF9C",
        5: "#5D3016",
      }
    }
  }
}

Related searches

tamarind color schemeearthy brown orange palettefood inspired colorsnatural warm tonesrustic autumn palette

Palette colors

Hex values

Color 1#723C1B
·
Color 2#A45F33
·
Color 3#D78B5D
·
Color 4#F2BF9C
·
Color 5#5D3016
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
5.3:1AA
1.3:1Fail
2
1.8:1Fail
1.8:1Fail
3:1Fail
2.2:1Fail
3
3.3:1AA18
1.8:1Fail
1.6:1Fail
4.1:1AA18
4
5.3:1AA
3:1Fail
1.6:1Fail
6.7:1AA
5
1.3:1Fail
2.2:1Fail
4.1:1AA18
6.7:1AA

Similar palettes

More like Tamarind Glaze

View all warm