ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Interior Design

Moroccan Riad Zellige

Exotic Marrakesh courtyard palace scheme with handmade glazed zellige wall tiles, carved cedar, and brass lanterns.

#Interior Design#Creative#Vibrant#Warm#Earthy
Open in Generator
COLOR 1
#0A2A38
Black Opal
COLOR 2
#115B78
Ai Japanese Indigo
COLOR 3
#C45B28
Maple Syrup
COLOR 4
#E69C24
Marigold Yellow
COLOR 5
#F4E8D1
Champagne Gold

Color Values & Codes

HEX · RGB · HSL
Black Opal
#0A2A38
rgb(10, 42, 56)hsl(198, 70%, 13%)Color details →
rgb(17, 91, 120)hsl(197, 75%, 27%)Color details →
rgb(196, 91, 40)hsl(20, 66%, 46%)Color details →
rgb(230, 156, 36)hsl(37, 80%, 52%)Color details →
rgb(244, 232, 209)hsl(39, 61%, 89%)Color details →

Open In Design Tools

Palette Generator
Lock & shuffle colors
Contrast Checker
Test WCAG compliance
Shades & Tints
Generate tonal steps
Interior Design Palettes
Explore category schemes

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #0A2A38;
  --color-2: #115B78;
  --color-3: #C45B28;
  --color-4: #E69C24;
  --color-5: #F4E8D1;
}

Role-Based WCAG Contrast Audit

Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:

Sample Text
#0A2A38 on #E69C246.53:1
Normal Text AA Pass
Sample Text
#0A2A38 on #F4E8D112.35:1
Normal Text AA Pass
Sample Text
#115B78 on #E69C243.28:1
Large Text Only (Pass)
Sample Text
#115B78 on #F4E8D16.20:1
Normal Text AA Pass
Sample Text
#C45B28 on #E69C241.88:1
Large Text Only (Fail)
Sample Text
#C45B28 on #F4E8D13.55:1
Large Text Only (Pass)

Related Palettes in Interior Design

Explore Interior Design
#2B0938Copy
#6A0572Copy
#AB2E64Copy
#D85A52Copy
#F9A03FCopy
cp-featured-02Sunset
Malibu Dusk Glow
SunsetGradientCreative
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#180F33Copy
#491F79Copy
#7C3AEDCopy
#A78BFACopy
#F5F3FFCopy
cp-featured-05App UI
Fluid iOS Violet
App UICreative
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold