Peony Pier color palette — #F9F2FF · #F86CB9 · #C48200 · #007A5C · #2F0D20

Bubblegum and Mustard set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Bubblegum (#F86CB9): A luminous, vivid rose — the color of pressed rose petals.
• Mustard (#C48200): A luminous, balanced gold — the color of old brass.
• Teal (#007A5C): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#2F0D20): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Peony Pier 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 Coral Parlor color palette (#FFF0FE, #E7777A, #B07F35, #007157, #220A22)
• Soft Amber color palette (#F5F3FF, #D57FE6, #E36A00, #147D15, #2A0C30)
• Gentle Blush color palette (#FDF0FF, #F7778F, #8B9D00, #00757E, #370413)
• Antique Lagoon color palette (#F8F2FF, #D056A1, #8F7300, #005A50, #15000C)
• Timeworn Blush Delta color palette (#FDF0FF, #FF6F8B, #00A993, #007868, #390212)
• Muted Ember color palette (#DBFFEC, #F39CE7, #D05D4D, #006377, #43142B)
• Antique Wisteria color palette (#F4F4FF, #CC8FFA, #AA7000, #005D60, #2A0456)
• Quiet Corridor color palette (#FFF1F5, #CA7E00, #00982D, #005C81, #160900)

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