ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Interior Design

Industrial Urban Loft Concrete

Raw warehouse conversion scheme with poured concrete floors, exposed steel girders, and distressed leather sofas.

#Interior Design#Modern#Dark#Bold#Clean
Open in Generator
COLOR 1
#121212
Obsidian Black
COLOR 2
#292929
Stone 800
COLOR 3
#5A5A5A
Dim Gray
COLOR 4
#8D8D8D
Gray
COLOR 5
#C27D38
Peru

Color Values & Codes

HEX · RGB · HSL
rgb(18, 18, 18)hsl(0, 0%, 7%)Color details →
Stone 800
#292929
rgb(41, 41, 41)hsl(0, 0%, 16%)Color details →
Dim Gray
#5A5A5A
rgb(90, 90, 90)hsl(0, 0%, 35%)Color details →
Gray
#8D8D8D
rgb(141, 141, 141)hsl(0, 0%, 55%)Color details →
Peru
#C27D38
rgb(194, 125, 56)hsl(30, 55%, 49%)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: #121212;
  --color-2: #292929;
  --color-3: #5A5A5A;
  --color-4: #8D8D8D;
  --color-5: #C27D38;
}

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
#121212 on #8D8D8D5.64:1
Normal Text AA Pass
Sample Text
#121212 on #C27D385.61:1
Normal Text AA Pass
Sample Text
#292929 on #8D8D8D4.38:1
Large Text Only (Pass)
Sample Text
#292929 on #C27D384.35:1
Large Text Only (Pass)
Sample Text
#5A5A5A on #8D8D8D2.08:1
Large Text Only (Fail)
Sample Text
#5A5A5A on #C27D382.06:1
Large Text Only (Fail)

Related Palettes in Interior Design

Explore Interior Design
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#0B0B0BCopy
#1C1917Copy
#B45309Copy
#D97706Copy
#FDE68ACopy
cp-featured-06Luxury
Haute Couture Noir & Gold
LuxuryDarkFashion
#FFFFFFCopy
#F4F4F5Copy
#A1A1AACopy
#27272ACopy
#E11D48Copy
cp-featured-07Minimal
Swiss Editorial Clean
MinimalCreativeBold
#2B2A29Copy
#56524ACopy
#8B8476Copy
#C4BCACCopy
#ECE8E1Copy
cp-featured-10Interior Design
Japandi Sanctuary
Interior DesignNeutralCalm