We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Bauhaus Primary

The Bauhaus school's color curriculum, led by Johannes Itten and later Josef Albers, treated color as a formal system rather than a decorative element. Primary colors held special status as the fundamental building blocks of visual language. The Bauhaus palette of red, yellow, and blue against black and white was not aesthetic preference but theoretical conviction.

Kandinsky's studio at the Dessau Bauhaus, 1928. The wall is white. The geometric compositions on the easel divide space with primary hue. There is no decoration here — only color as a structural force.

BauhausPrimaryModernistGeometricDesign History
Why this set works

The pure primary color theory of the Bauhaus school — red, yellow, blue, and black — expressed in the clean geometric palette of 1920s German modernism.

Modernist-inspired brand and identity design
Design education and theory illustration
Bold geometric poster and publication design
Prompt words
bauhaus color paletteprimary color palettegerman modernist palettegeometric color schemeitten color theory
Export ready
1. Crimson Core Vivid #D52020
2. Citrine Core Pure #EBEB0A
3. Cobalt Core Vivid #205CD5
4. True Gray Ink #242424
5. True Gray Whisper #F0F0F0
6. Amber Silk Clear #D9CB81
--bauhaus-primary-1: #D52020;
--bauhaus-primary-2: #EBEB0A;
--bauhaus-primary-3: #205CD5;
--bauhaus-primary-4: #242424;
--bauhaus-primary-5: #F0F0F0;
--bauhaus-primary-6: #D9CB81;

3/3 free exports remaining today

Dark mode pairs
#D52020
#E58F8F
#EBEB0A
#F0F084
#205CD5
#8FACE5
#242424
#E6E6E6
#F0F0F0
#1A1A1A
#D9CB81
#8D7F34

3/3 free exports remaining today

WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#D52020
5.2:1 AA
4.1:1 AA Large
#EBEB0A
1.3:1 Fail
16.4:1 AAA
#205CD5
5.9:1 AA
3.6:1 AA Large
#242424
15.5:1 AAA
1.4:1 Fail
#F0F0F0
1.1:1 Fail
18.4:1 AAA
#D9CB81
1.6:1 Fail
12.8:1 AAA

Color-on-color pairs:

+
4:1 AA Large
+
1.1:1 Fail
+
3:1 AA Large
+
4.5:1 AA
+
4.6:1 AA
+
12.1:1 AAA
+
1.1:1 Fail
+
2.6:1 Fail
+
5.2:1 AA
+
13.6:1 AAA

3/3 free exports remaining today

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Crimson Core Vivid
#D52020
Red · hsl(0, 74%, 48%)
2
Citrine Core Pure
#EBEB0A
Yellow · hsl(60, 92%, 48%)
3
Cobalt Core Vivid
#205CD5
Blue · hsl(220, 74%, 48%)
4
True Gray Ink
#242424
Red · hsl(0, 0%, 14%)
5
True Gray Whisper
#F0F0F0
Red · hsl(0, 0%, 94%)
6
Amber Silk Clear
#D9CB81
Yellow · hsl(50, 54%, 68%)
Editorial direction

Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.

This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.

Go further
Unlock Pro
Pro members get unlimited exports, advanced token formats, and priority access to new collections.
Learn about Pro
Take this palette further

Ready-made tokens for Bauhaus Primary

Pro members can export these colors as Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro members get advanced token exports, usage guidance, and downloadable assets so the palette can move from reference to implementation.

LayerWhat you have hereWhat Pro adds
ScopeOne curated five-color editorial direction.Unlimited access to all collections, broader token coverage, and advanced exports.
OutputVisual palette, copyable CSS preview, and per-color archive pages.Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.