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

Calm color palette

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

Lincoln Green #2B5B00 Azure Radiance #007F29 Shamrock #00A062 Blarney #00C194 Celestial Green #00E3C7

Calm palette 1 Open in generator Preview Recolor

Deep Forestial Escapade #385800 Tropicana #4D7800 Limeade #61991C Drop Green #62BD5C Aurora Green #62E293

Calm palette 2 Open in generator Preview Recolor

Deep Forestial Escapade #375900 Tree Green #237E16 Full Energy #08A053 Píng Gǔo Lǜ Green #00C289 Aquamarine #00E4BD

Calm 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: Lincoln Green #2B5B00

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Celestial Green #00E3C7

Because the palest tone covers backgrounds without shouting.
The accent: Azure Radiance #007F29

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

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