Back to palettes

Palette

Moroccan Mosaic Hues

Rich, intricate pinks and reds, reminiscent of elaborate mosaic tiles found in Moroccan architecture.

warmelegant5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moroccan Mosaic Hues 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 Moroccan Mosaic Hues.

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

Data visualization

#C7486B#E6668B#FF99B8#9A3052#7D1D3A

Palette guide

How to use Moroccan Mosaic Hues

Overview

The Moroccan Mosaic Hues palette showcases rich, intricate pinks and reds, reminiscent of elaborate mosaic tiles found in Moroccan architecture. This elegant scheme features vibrant #C7486B, a softer #E6668B, and delicate #FF99B8, balanced by deeper tones like #9A3052 and #7D1D3A. Designers and developers can utilize this palette to create luxurious, sophisticated, and culturally rich digital experiences. Its range from deep, commanding reds to bright, inviting pinks offers versatility for both bold statements and intricate details, perfectly evoking elegance and artistry.

Best used for

  • Luxury fashion and beauty brand websites
  • High-end event invitations and branding
  • Cultural art and design portfolios
  • Elegant e-commerce for jewelry or decor
  • Sophisticated editorial layouts
  • Visual identities for museums or galleries

Suggested color roles

primary

Use #C7486B as a vibrant, central hue for main sections and prominent UI elements, providing a sophisticated focal point.

secondary

Apply #E6668B for secondary headings, buttons, or distinct content blocks, offering a brighter, softer complement.

accent

Employ #FF99B8 for delicate highlights, decorative patterns, or subtle background textures, adding a touch of lightness.

background

Utilize #7D1D3A for deep, rich backgrounds or footers, creating an elegant, grounding foundation that pairs well with light text.

text

A rich dark red like #9A3052 is suitable for prominent headings on light backgrounds. For body text on dark backgrounds, use white or a very pale grey.

Accessibility notes

  • Ensure high contrast for text on #FF99B8; dark text (e.g., #9A3052 or black) is essential.
  • Text on #7D1D3A or #9A3052 will require light colors (e.g., white or a pale pink) to meet WCAG contrast standards.
  • Avoid using #E6668B on #C7486B for small text or interactive elements due to potential low contrast.
  • Carefully evaluate the contrast between all reds and pinks, especially for color-blind users.

Recommended combinations

Mosaic Depth

Ideal for creating a luxurious depth in backgrounds, hero sections, or architectural-inspired designs.

#7D1D3A · #9A3052 · #C7486B

Vibrant Tile

Excellent for highlighting interactive elements, calls to action, or creating a lively, elegant visual flow.

#C7486B · #E6668B · #FF99B8

Elegant Contrast

Perfect for balancing deep tones with bright accents, suitable for sophisticated branding or featured content.

#9A3052 · #FF99B8 · #7D1D3A

CSS variables

:root {
  --moroccan-mosaic-hues-1: #C7486B;
  --moroccan-mosaic-hues-2: #E6668B;
  --moroccan-mosaic-hues-3: #FF99B8;
  --moroccan-mosaic-hues-4: #9A3052;
  --moroccan-mosaic-hues-5: #7D1D3A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moroccan-mosaic-hues": {
        1: "#C7486B",
        2: "#E6668B",
        3: "#FF99B8",
        4: "#9A3052",
        5: "#7D1D3A",
      }
    }
  }
}

Related searches

moroccan mosaic colorselegant red palettevibrant pink color schemeluxury branding colorsrich tile hues design

Palette colors

Hex values

Color 1#C7486B
·
Color 2#E6668B
·
Color 3#FF99B8
·
Color 4#9A3052
·
Color 5#7D1D3A
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.3:1Fail
1.6:1Fail
2.2:1Fail
2
1.5:1Fail
1.6:1Fail
2.3:1Fail
3.1:1AA18
3
2.3:1Fail
1.6:1Fail
3.6:1AA18
5:1AA
4
1.6:1Fail
2.3:1Fail
3.6:1AA18
1.4:1Fail
5
2.2:1Fail
3.1:1AA18
5:1AA
1.4:1Fail

Similar palettes

More like Moroccan Mosaic Hues

View all warm
Gilded Eastern Spices
Imperial Brocade Path
Moroccan Tile Charm
Aged Leather Patina
Amber Glaze
Amber Whiskey Swirl