Peony Lagoon color palette — #FFF2EF · #FF4C8A · #7B6B00 · #004949 · #15003C

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Hot Pink (#FF4C8A): A luminous, vivid red — the color of a theater curtain.
• Olive (#7B6B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004949): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#15003C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Peony Lagoon 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

• Airy Ember color palette (#FFF2EB, #FD5E31, #657400, #00494C, #11003F)
• Magenta Courtyard color palette (#FFF1F2, #F03FE0, #9A5800, #004D27, #001425)
• Moss Bloom color palette (#FFF2EB, #FF8765, #589000, #005A74, #370441)
• Plum Coast color palette (#F2E1F7, #C90060, #554D00, #003B3D, #2F015C)
• Ancient Bronze color palette (#FFF0DF, #A86A00, #005E2E, #00283C, #040006)
• Hushed Amber Summit color palette (#FFF1F3, #F7BAA9, #BF8E4E, #007063, #003240)
• Chestnut Field color palette (#F6EAD3, #7D6400, #00473A, #001139, #040002)
• Wisteria Terrace color palette (#FDDEEA, #BD8BFF, #C37500, #00709B, #320059)

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