1960s Mad Men Madison Ave
Mid-century advertising agency boardroom scheme with tailored flannel gray suits, mahogany desks, and bourbon tumblers.
#Vintage#Retro#Business#Clean#Modern
COLOR 1
#0F1D2B
Kachiiro Victory Blue
COLOR 2
#1C354E
Twilight Blue
COLOR 3
#5E7182
Slate 500
COLOR 4
#A4804E
Vintage Sepia Light
COLOR 5
#ECE5D8
White Chocolate
Color Values & Codes
HEX · RGB · HSLKachiiro Victory Blue
#0F1D2B
Twilight Blue
#1C354E
Slate 500
#5E7182
Vintage Sepia Light
#A4804E
White Chocolate
#ECE5D8
Open In Design Tools
CSS Variables
:root {
--color-1: #0F1D2B;
--color-2: #1C354E;
--color-3: #5E7182;
--color-4: #A4804E;
--color-5: #ECE5D8;
}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
#0F1D2B on #A4804E4.69:1
Normal Text AA Pass
Sample Text
#0F1D2B on #ECE5D813.62:1
Normal Text AA Pass
Sample Text
#1C354E on #A4804E3.46:1
Large Text Only (Pass)
Sample Text
#1C354E on #ECE5D810.05:1
Normal Text AA Pass
Sample Text
#5E7182 on #A4804E1.39:1
Large Text Only (Fail)
Sample Text
#5E7182 on #ECE5D84.03:1
Large Text Only (Pass)