How do I use a scandinavian 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.

Scandinavian color palette

Three scandinavian 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.

Hot Fudge #5C2A15 Vintage Wood #764D22 Valley Vineyards #8A733B Broad Bean #999B5F Cos #A4C38D

Scandinavian palette 1 Open in generator Preview Recolor

Christmas Brown #5D2727 Éclair au Chocolat #7C4830 Lion’s Mane Blonde #966C40 Mossy Rock #AA945B Early Harvest #B8BD81

Scandinavian palette 2 Open in generator Preview Recolor

Night in the Woods #4C3700 Costa Del Sol #5D5A1E Woodland Nymph #677F4C Growth #71A47D Meridian Star #7FC9B3

Scandinavian 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: Hot Fudge #5C2A15

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Cos #A4C38D

Because the palest tone covers backgrounds without shouting.
The accent: Cos #A4C38D

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

How do I use a scandinavian 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 scandinavian palettes with locked colors and full exports.