Back to palettes

Palette

Marrakech Morning Light

A vibrant mix of red, gold, and warm browns, reflecting the awakening colors of a bustling marketplace.

warmenergetic5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Marrakech Morning Light 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 Marrakech Morning Light.

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

Data visualization

#CD5C5C#DAA520#EEDD82#BC8F8F#8B4513

Palette guide

How to use Marrakech Morning Light

Overview

The Marrakech Morning Light palette captures the delicate yet vibrant hues of a dawn in a bustling North African city. With soft, rosy reds like #CD5C5C and #BC8F8F, complemented by radiant golds such as #DAA520 and #EEDD82, this palette evokes warmth and subtle exoticism. A grounding deep brown, #8B4513, anchors the lighter shades. This scheme is exceptionally versatile for designs seeking a sophisticated, inviting, and slightly adventurous feel. Designers can apply it to branding, editorial work, or digital interfaces that aim for an elegant warmth without being overtly bold, creating a memorable and serene user experience.

Best used for

  • Boutique hotel branding
  • Spa and wellness marketing
  • Artisan craft websites
  • Travel photography portfolios
  • Editorial design for lifestyle magazines
  • Interior decor for warm, inviting spaces

Suggested color roles

primary

Use the warm, muted red #CD5C5C for prominent elements or headers, providing a soft yet engaging focal point.

secondary

The rich gold #DAA520 works well for secondary information, accents, or interactive elements, adding a touch of luxury.

accent

The delicate, pale gold #EEDD82 is perfect for subtle highlights, backgrounds, or decorative patterns, offering a gentle shimmer.

background

The soft, warm grey-pink #BC8F8F serves as an excellent calming background, allowing content to stand out gracefully.

text

For light backgrounds, a deep brown like #8B4513 or charcoal ensures excellent readability. For darker elements, #EEDD82 or white works well.

Accessibility notes

  • #EEDD82 text on #DAA520 or #CD5C5C will likely have poor contrast; avoid this combination for text.
  • #8B4513 offers strong contrast on #EEDD82 and #BC8F8F, making it ideal for body text.
  • Ensure sufficient contrast for all text, especially when using lighter reds and golds.
  • Consider larger font sizes if using #CD5C5C or #BC8F8F for text on a similar background.

Recommended combinations

Desert Dawn

A soft yet grounded combination for serene backgrounds and legible text.

#DAA520 · #BC8F8F · #8B4513

Spice & Gold

Creates a luxurious and inviting feel, ideal for accents and highlights.

#CD5C5C · #DAA520 · #EEDD82

Earthy Elegance

Provides a strong, warm foundation with bright, sophisticated accents for branding.

#8B4513 · #CD5C5C · #EEDD82

CSS variables

:root {
  --marrakech-morning-light-1: #CD5C5C;
  --marrakech-morning-light-2: #DAA520;
  --marrakech-morning-light-3: #EEDD82;
  --marrakech-morning-light-4: #BC8F8F;
  --marrakech-morning-light-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "marrakech-morning-light": {
        1: "#CD5C5C",
        2: "#DAA520",
        3: "#EEDD82",
        4: "#BC8F8F",
        5: "#8B4513",
      }
    }
  }
}

Related searches

soft marrakech colorsexotic morning palettewarm gold red schemeelegant desert tonessubtle spice palette

Palette colors

Hex values

Color 1#CD5C5C
·
Color 2#DAA520
·
Color 3#EEDD82
·
Color 4#BC8F8F
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
2.9:1Fail
1.4:1Fail
1.8:1Fail
2
1.8:1Fail
1.6:1Fail
1.3:1Fail
3.2:1AA18
3
2.9:1Fail
1.6:1Fail
2:1Fail
5.2:1AA
4
1.4:1Fail
1.3:1Fail
2:1Fail
2.5:1Fail
5
1.8:1Fail
3.2:1AA18
5.2:1AA
2.5:1Fail

Similar palettes

More like Marrakech Morning Light

View all warm