Misty Peony color palette — #F9F2FF · #E62E96 · #286700 · #00545E · #342340

A conversation between Hot Pink and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Hot Pink (#E62E96): A luminous, vivid rose — the color of strawberry cream.
• Olive (#286700): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00545E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#342340): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Pale Raspberry Drift color palette (#F7F3FF, #BF25AC, #606F00, #00564E, #302443)
• Aged Plum color palette (#FCF1FF, #BF1C5E, #0E600D, #004554, #211E3E)
• Dusty Plum Bloom color palette (#FDF0FF, #CB345D, #007957, #005362, #451D24)
• Quiet Grove color palette (#F6EEFF, #D7009B, #007D6C, #00564A, #25061A)
• Pale Station color palette (#FFF0FB, #DE3504, #446600, #00475A, #461A52)
• Magenta Workshop color palette (#FFF1F2, #EA46C8, #009B92, #007670, #402124)
• Rose Dune color palette (#E3FDE8, #EB4D45, #885200, #005051, #512818)
• Terracotta Coast color palette (#F5DFF1, #9C0016, #004F42, #002D40, #210102)

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