Peony Basin color palette — #FFF2EF · #F1528B · #009C88 · #007768 · #431F1A

Built around Hot Pink, softened by Fern — the whole palette hums with energy and balance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Hot Pink (#F1528B): A luminous, vivid red — the color of embers at dusk.
• Fern (#009C88): A luminous, balanced teal — the color of sea glass.
• Teal (#007768): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#431F1A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Energy, Balance. Tagged warm.

Use it as a design system

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

• Ember Archive color palette (#FFEADF, #D36E58, #15938F, #006F6C, #3A1E0E)
• Airy Fuchsia Pier color palette (#FFF1F1, #FC68C7, #008A5D, #006C6A, #431A34)
• Hazy Delta color palette (#F2D7D3, #D04779, #00818B, #005E65, #300E0A)
• Muted Station color palette (#FFF2F0, #CF84A2, #24A1AE, #885A95, #452B29)
• Aged Nightshade color palette (#FFF2F0, #E9699B, #008D67, #3A45B2, #1E2273)
• Hazy Corridor color palette (#FFF1F4, #BE70D7, #978800, #007481, #3A1E43)
• Quiet Orchard color palette (#FBF1FF, #DA4B81, #006929, #005362, #451C29)
• Weathered Emerald color palette (#FFF2EF, #FFABC3, #00B045, #0099AF, #451B29)

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