Back to palettes

Palette

Desert Spice Kettle

An intoxicating blend of exotic spices, reminiscent of bustling markets and fragrant warmth.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Spice Kettle 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 Desert Spice Kettle.

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

Data visualization

#F4D03F#E67E22#8D4004#34495E#F2F0DF

Palette guide

How to use Desert Spice Kettle

Overview

The "Desert Spice Kettle" palette is an energetic and exotic collection, designed to evoke the warmth and vibrancy of a bustling spice market. Its core features a radiant saffron yellow, #F4D03F, and a bold orange, #E67E22, perfectly complemented by the deep, rich brown of #8D4004. A surprising cool anchor, #34495E, adds sophisticated contrast, while the creamy #F2F0DF provides a soft, inviting base. This palette is exceptionally versatile for branding, web interfaces, or editorial designs that aim for a lively, culturally rich, and inviting atmosphere, making it a powerful choice for projects seeking to convey warmth and adventure.

Best used for

  • Restaurant and food branding
  • Travel agencies and tour operators
  • Cultural event promotions
  • Artisan coffee or tea packaging
  • E-commerce sites for exotic goods
  • Autumn seasonal marketing

Suggested color roles

primary

#E67E22 - A strong, inviting orange that embodies warmth and energy, ideal for key brand elements.

secondary

#F4D03F - A vibrant, optimistic yellow for supporting visuals, calls to action, or playful accents.

accent

#34495E - A deep, cool blue-gray providing a sophisticated contrast and grounding element.

background

#F2F0DF - A soft, creamy off-white that offers a clean, warm canvas for content.

text

#8D4004 - A rich, dark brown for excellent readability on light backgrounds, or a deep charcoal for general text.

Accessibility notes

  • Ensure #F4D03F has sufficient contrast when used as text on #F2F0DF; consider using a darker color like #8D4004 instead.
  • Pair #34495E with #F2F0DF for highly legible dark text on a light background.
  • Avoid using #E67E22 directly on #F4D03F for small text due to potential legibility issues.
  • Always verify contrast ratios for all text and interactive elements to meet WCAG standards.

Recommended combinations

Market Spice

A warm, energetic combination perfect for headlines, banners, or highlighting promotions.

#E67E22 · #F4D03F · #8D4004

Kettle Brew

Creates a sophisticated, inviting base with a pop of warm color, suitable for UI backgrounds and primary text.

#F2F0DF · #34495E · #E67E22

Exotic Contrast

Utilizes the cool-warm dynamic for striking visual hierarchy or elegant data visualizations.

#34495E · #F4D03F · #8D4004

CSS variables

:root {
  --desert-spice-kettle-1: #F4D03F;
  --desert-spice-kettle-2: #E67E22;
  --desert-spice-kettle-3: #8D4004;
  --desert-spice-kettle-4: #34495E;
  --desert-spice-kettle-5: #F2F0DF;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-spice-kettle": {
        1: "#F4D03F",
        2: "#E67E22",
        3: "#8D4004",
        4: "#34495E",
        5: "#F2F0DF",
      }
    }
  }
}

Related searches

spicy warm color schemeexotic market paletteorange and yellow brandingenergetic cultural colorsfood branding palette

Palette colors

Hex values

Color 1#F4D03F
·
Color 2#E67E22
·
Color 3#8D4004
·
Color 4#34495E
·
Color 5#F2F0DF
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
4.9:1AA
6.2:1AA
1.3:1Fail
2
1.9:1Fail
2.6:1Fail
3.3:1AA18
2.5:1Fail
3
4.9:1AA
2.6:1Fail
1.3:1Fail
6.4:1AA
4
6.2:1AA
3.3:1AA18
1.3:1Fail
8.1:1AAA
5
1.3:1Fail
2.5:1Fail
6.4:1AA
8.1:1AAA

Similar palettes

More like Desert Spice Kettle

View all warm
Souk Spice Delight
Ancient Spice Route
Bazaar Spice Bloom
Moroccan Spice Market
Vibrant Bazaar Spice
Amber Spice Blend