Hushed Peony color palette — #FFF1F2 · #BA67A2 · #00764A · #004E6F · #223154

A conversation between Dusty Rose and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Dusty Rose (#BA67A2): A luminous, balanced pink — the color of peonies in June.
• Pine (#00764A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#004E6F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#223154): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Hushed 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

• Rose Station color palette (#FFF2EE, #CC636B, #007367, #4B3C75, #442646)
• Blush Dune color palette (#FFF2EE, #ED7E89, #8D822D, #006C68, #2F345B)
• Soft Rose color palette (#FCECFC, #DF5A6C, #726500, #004C47, #101D39)
• Antique Iris color palette (#FCF2F8, #777FD6, #796000, #005357, #0A374A)
• Iris Veranda color palette (#F9F4EF, #C0E6D8, #6987D1, #04716D, #593E4B)
• Scarlet Corridor color palette (#FFF2EC, #DF3400, #006574, #43258A, #322262)
• Feathered Blush color palette (#FBF2FB, #FF9EA6, #64B385, #008F8F, #2F3262)
• Weathered Brick Thicket color palette (#F5DBD2, #C11430, #005248, #4E0050, #340935)

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