1950s Americana Diner
Classic roadside diner palette with checkerboard linoleum tiles, cherry red vinyl booths, and chrome jukebox trim.
#Vintage#Retro#Bold#Vibrant#Creative
COLOR 1
#111827
Slate 900
COLOR 2
#DC2626
Poppy Red
COLOR 3
#06B6D4
Cyan 500
COLOR 4
#FACC15
Kodak Yellow
COLOR 5
#FFFFFF
White
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #111827;
--color-2: #DC2626;
--color-3: #06B6D4;
--color-4: #FACC15;
--color-5: #FFFFFF;
}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 #FACC1511.58:1
Normal Text AA Pass
Sample Text
#111827 on #FFFFFF17.74:1
Normal Text AA Pass
Sample Text
#DC2626 on #FACC153.15:1
Large Text Only (Pass)
Sample Text
#DC2626 on #FFFFFF4.83:1
Normal Text AA Pass
Sample Text
#06B6D4 on #FACC151.59:1
Large Text Only (Fail)
Sample Text
#06B6D4 on #FFFFFF2.43:1
Large Text Only (Fail)