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

Happy color palette

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

Purple Pirate #BD00AB Feasty Fuchsia #E80086 Watermelon #FF425B Precious Persimmon #FF7741 Blazing Bonfire #FF9D2A

Happy palette 1 Open in generator Preview Recolor

Green Bell Pepper #2D8800 Green Cyan #009A69 Pristine Oceanic #00C9B8 Caribbean Blue #00C3DF Shovel Knight #36C7FF

Happy palette 2 Open in generator Preview Recolor

Love Potion #D0005D Assassin’s Red #F4000A Accent Orange #E36D00 Beige Red #DE9400 Lionhead #D6B600

Happy 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: Purple Pirate #BD00AB

Because the darkest tone holds contrast on light surfaces.
Large surfaces: Blazing Bonfire #FF9D2A

Because the palest tone covers backgrounds without shouting.
The accent: Feasty Fuchsia #E80086

Because the most saturated color earns the buttons and highlights.

Explore

Explore these colors

FAQ

Common questions

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