Hazy Peony color palette — #E8F9F9 · #5DB487 · #BC699F · #00794C · #5A344C

Dusty Rose and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8F9F9): bright and airy, almost weightless.
• Jade (#5DB487): A luminous, balanced teal — the color of glacier melt.
• Dusty Rose (#BC699F): A luminous, balanced pink — the color of neon signs at night.
• Pine (#00794C): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5A344C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Hazy Peony into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Gentle Basin color palette (#E7FAF4, #90AA6A, #A471C1, #517200, #4E385C)
• Hushed Rose color palette (#E5F9FF, #32B5B0, #D65A73, #007571, #5E343B)
• Muted Dune color palette (#DEF8F9, #4EBB92, #B96FB0, #007756, #2B203F)
• Hushed Mint Grove color palette (#F0F9E1, #54D399, #D08ABD, #48916D, #5B3639)
• Indigo Grove color palette (#DDFCFD, #399D79, #756DC5, #985432, #1F3E3F)
• Misty Plum Bloom color palette (#B7F3E7, #009A88, #CB006A, #005C51, #59002B)
• Scarlet Market color palette (#E9F8FF, #00A5BF, #E03600, #006879, #691B08)
• Aged Bronze color palette (#ECF9EF, #AFA97A, #8C6E1B, #6C4A20, #2B433A)

Browse the whole catalog at Explore, or see today's palette.