Misty Peony color palette — #F7F3FF · #ED5AC9 · #737900 · #006363 · #060829

Built around Bubblegum, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Bubblegum (#ED5AC9): A luminous, vivid pink — the color of peonies in June.
• Olive Leaf (#737900): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#006363): A full-bodied, dusty teal — the color of sea glass.
• Ink (#060829): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, 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

• Antique Olive color palette (#FBF1FF, #D378A0, #4A7C1B, #005461, #05051D)
• Worn Wisteria Archive color palette (#F3F4FF, #BD81FA, #9A7600, #005A34, #001022)
• Blush Archive color palette (#FCF1FF, #FF7EA2, #937D00, #005E59, #1E0B5C)
• Hushed Peony Villa color palette (#F9F2FF, #CE47A2, #4A6000, #00474C, #010008)
• Timeworn Lagoon color palette (#FFF0FE, #DF7F80, #498D64, #016594, #171526)
• Soft Plum color palette (#FFF1F2, #9D3094, #555C00, #004443, #1E2045)
• Tempered Ember color palette (#DEFFE5, #FF9CC0, #D75832, #00684D, #490F1C)
• Misty Plum Corridor color palette (#FFEDEB, #C11B75, #8A4500, #003D41, #230203)

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