Misty Peony color palette — #F8F2FF · #CC4A9A · #226200 · #003A6B · #04000B

Hot Pink and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Hot Pink (#CC4A9A): A luminous, vivid rose — the color of strawberry cream.
• Olive (#226200): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003A6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Black (#04000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, 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

• Misty Orchid color palette (#F4F4FF, #B14FD4, #3B6600, #003D65, #040012)
• Pale Study color palette (#FFF0FE, #D54F55, #00764C, #192882, #030003)
• Misty Olive Workshop color palette (#FEF0FC, #E66661, #2B8913, #005190, #130415)
• Soft Garden color palette (#FFF0FB, #B91400, #005438, #001A67, #040000)
• Airy Mulberry color palette (#FFE8E3, #97003E, #004E1B, #002D3B, #1F092B)
• Powdered Blush Workshop color palette (#DEFFE8, #EE7983, #905F00, #004075, #270500)
• Nightshade Courtyard color palette (#EAFAEF, #927700, #006E49, #31228D, #060003)
• Chalky Ridge color palette (#FFF1F6, #C77200, #007C71, #510095, #0E0400)

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