ColorPaletteXYZ Logo
ColorPaletteXYZ
Palettes/Vintage

1930s Bauhaus Primary

Revolutionary Walter Gropius school design palette championing unadorned structural honesty and primary color theory.

#Vintage#Minimal#Bold#Clean#Modern
Open in Generator
COLOR 1
#141414
Midnight Onyx
COLOR 2
#C8102E
Crimson
COLOR 3
#0033A0
Klein Blue
COLOR 4
#FED100
Gold
COLOR 5
#F2F2F2
White Smoke

Color Values & Codes

HEX · RGB · HSL
rgb(20, 20, 20)hsl(0, 0%, 8%)Color details →
Crimson
#C8102E
rgb(200, 16, 46)hsl(350, 85%, 42%)Color details →
Klein Blue
#0033A0
rgb(0, 51, 160)hsl(221, 100%, 31%)Color details →
Gold
#FED100
rgb(254, 209, 0)hsl(49, 100%, 50%)Color details →
rgb(242, 242, 242)hsl(0, 0%, 95%)Color details →

Open In Design Tools

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

CSS Variables

Copy & paste directly into your stylesheet
:root {
  --color-1: #141414;
  --color-2: #C8102E;
  --color-3: #0033A0;
  --color-4: #FED100;
  --color-5: #F2F2F2;
}

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
#141414 on #FED10012.58:1
Normal Text AA Pass
Sample Text
#141414 on #F2F2F216.46:1
Normal Text AA Pass
Sample Text
#C8102E on #FED1004.02:1
Large Text Only (Pass)
Sample Text
#C8102E on #F2F2F25.26:1
Normal Text AA Pass
Sample Text
#0033A0 on #FED1007.24:1
Normal Text AA Pass
Sample Text
#0033A0 on #F2F2F29.47:1
Normal Text AA Pass

Related Palettes in Vintage

Explore Vintage
#0F172ACopy
#1E293BCopy
#2563EBCopy
#38BDF8Copy
#F8FAFCCopy
cp-featured-01Technology
SaaS Velocity Blue
TechModernCool
#E76F51Copy
#F4A261Copy
#E9C46ACopy
#2A9D8FCopy
#264653Copy
cp-featured-03Vintage
1970s California Sun
VintageRetroWarm
#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