How do I use a art deco palette?

Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.

Are these real named colors?

Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.

Can I export a palette?

Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Art Deco color palette

Three art deco palettes generated from color theory. Every swatch copies its hex; every name opens that color's full page; every palette opens in the generator, visualizer, or recolor tool.

Soy Sauce #190800 Cannon Black #271900 Swamp of Sorrows #312C00 Garden Shadow #314300 Woodland Wonder #005E22

Art Deco palette 1 Open in generator Preview Recolor

Chinese Black #0F0E00 Yuzu Soy #132100 Haunted Hills #003615 UP Forest Green #004739 Deep Sea Green #00595A

Art Deco palette 2 Open in generator Preview Recolor

Black Knight #001016 Cyanophobia #001E33 Pure Midnight #0C216A Clear Purple #3C2A7A Tillandsia Purple #633380

Art Deco palette 3 Open in generator Preview Recolor

Use it

Put palette 1 to work

The three roles applied: this vignette is rendered from palette 1, not a mockup.

Text and headings: Soy Sauce #190800

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Woodland Wonder #005E22

Because the palest tone covers backgrounds without shouting.
The accent: Woodland Wonder #005E22

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

How do I use a art deco palette?: Use the darkest tone for text, the palest for large surfaces, and the most saturated color as the accent. Click any swatch to copy its hex, or open a palette in the generator to adjust it.
Are these real named colors?: Every swatch links to its closest curated color page, with codes, tints and shades, palettes, and contrast data.
Can I export a palette?: Yes. Open it in the generator for CSS, Tailwind, SCSS, SwiftUI, Android, and JSON exports, plus a shareable link.

Generate more art deco palettes with locked colors and full exports.