Back to palettes

Palette

Souk Market Colors

An intoxicating blend of rich oranges, yellows, and olive tones, reflecting the bustling energy of a desert souk.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Souk Market Colors 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 Souk Market Colors.

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

Data visualization

#D44E00#E78200#FBBF24#A3BE8C#7D4936

Palette guide

How to use Souk Market Colors

Overview

The Souk Market Colors palette delivers an intoxicating blend of vibrant and earthy tones, capturing the energetic spirit of a bustling desert bazaar. Anchored by a bold orange (#D44E00) and a lively marigold (#E78200), it's beautifully complemented by a bright golden yellow (#FBBF24), a soothing olive green (#A3BE8C), and a rich chocolate brown (#7D4936). This palette is a superb choice for designers and developers aiming to create dynamic and culturally rich visuals. Its warmth and vibrancy are perfect for food-related branding, travel promotions, or digital platforms that seek to convey excitement and exotic charm.

Best used for

  • Food and beverage packaging
  • Travel blogs and agencies
  • Cultural event branding
  • Bohemian fashion designs
  • Vibrant digital advertising
  • Restaurant and cafe interiors

Suggested color roles

primary

Use #E78200 as an energetic, inviting primary color for headlines or key UI elements.

secondary

Apply #D44E00 for a deeper, bolder orange in backgrounds or significant sections.

accent

Introduce #FBBF24 as a bright, golden highlight for calls-to-action or eye-catching details.

background

Utilize #A3BE8C as a muted, balancing olive green base, providing a natural contrast.

text

Employ #7D4936 for strong, readable body text and headings against lighter backgrounds.

Accessibility notes

  • Ensure high contrast for interactive elements, especially when using vibrant oranges and yellows.
  • #A3BE8C provides a good base for darker text like #7D4936, ensuring readability.
  • Avoid placing #FBBF24 text on very light backgrounds without sufficient contrast.
  • Consider larger font sizes for text colored with #D44E00 or #E78200 to improve legibility.

Recommended combinations

Vibrant Spice

Create an energetic and warm blend, perfect for food-related designs or lively promotions.

#D44E00 · #E78200 · #FBBF24

Earthy Contrast

Combine the olive green and brown with a pop of orange for a grounded yet vibrant look.

#A3BE8C · #7D4936 · #D44E00

Golden Hour

Evoke a luminous, rich atmosphere, ideal for luxury goods or sophisticated cultural themes.

#FBBF24 · #E78200 · #7D4936

CSS variables

:root {
  --souk-market-colors-1: #D44E00;
  --souk-market-colors-2: #E78200;
  --souk-market-colors-3: #FBBF24;
  --souk-market-colors-4: #A3BE8C;
  --souk-market-colors-5: #7D4936;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "souk-market-colors": {
        1: "#D44E00",
        2: "#E78200",
        3: "#FBBF24",
        4: "#A3BE8C",
        5: "#7D4936",
      }
    }
  }
}

Related searches

vibrant market paletteexotic spice colorsenergetic orange yellowbohemian design paletteearthy warm UI

Palette colors

Hex values

Color 1#D44E00
·
Color 2#E78200
·
Color 3#FBBF24
·
Color 4#A3BE8C
·
Color 5#7D4936
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.6:1Fail
2.6:1Fail
2.1:1Fail
1.7:1Fail
2
1.6:1Fail
1.7:1Fail
1.4:1Fail
2.6:1Fail
3
2.6:1Fail
1.7:1Fail
1.2:1Fail
4.4:1AA18
4
2.1:1Fail
1.4:1Fail
1.2:1Fail
3.6:1AA18
5
1.7:1Fail
2.6:1Fail
4.4:1AA18
3.6:1AA18

Similar palettes

More like Souk Market Colors

View all warm
Moroccan Spice Bazaar
Ancient Spice Route
Bazaar Spice Blend
Bazaar Spice Bloom
Moroccan Spice Bazaar
Moroccan Spice Market