Commercial Real Estate Onyx
Skyscraper development and REIT investment portfolio palette with glass facade gray and structural steel.
#Business#Modern#Clean#Dark#Minimal
COLOR 1
#111827
Slate 900
COLOR 2
#1F2937
Black Opal
COLOR 3
#374151
Slate 700
COLOR 4
#9CA3AF
Slate 400
COLOR 5
#F9FAFB
Slate 50
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #111827;
--color-2: #1F2937;
--color-3: #374151;
--color-4: #9CA3AF;
--color-5: #F9FAFB;
}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
#111827 on #9CA3AF6.99:1
Normal Text AA Pass
Sample Text
#111827 on #F9FAFB16.98:1
Normal Text AA Pass
Sample Text
#1F2937 on #9CA3AF5.78:1
Normal Text AA Pass
Sample Text
#1F2937 on #F9FAFB14.05:1
Normal Text AA Pass
Sample Text
#374151 on #9CA3AF4.06:1
Large Text Only (Pass)
Sample Text
#374151 on #F9FAFB9.86:1
Normal Text AA Pass