Peony Garden color palette — #F7EEFC · #D3618E · #00784B · #1C426B · #021E3D

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

The five colors

• Blush (#F7EEFC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Hot Pink (#D3618E): A luminous, balanced rose — the color of a warm blush.
• Pine (#00784B): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1C426B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#021E3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

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

• Muted Ember color palette (#FBEDF7, #D46956, #00727C, #1F4269, #051F3A)
• Washed Lilac color palette (#F0F0FF, #A972CD, #6B6816, #004A50, #002427)
• Muted Summit color palette (#FFF2EE, #D88C95, #599057, #3E5D92, #22375C)
• Rust Thicket color palette (#F4D6EB, #CB2F00, #005666, #002862, #000C28)
• Softworn Apricot Harbor color palette (#FFF2EC, #FF9C87, #839247, #006971, #3F1F31)
• Cerulean Quarry color palette (#F6EFF6, #ADE9E9, #4299B8, #44684A, #1C2D41)
• Apricot Garden color palette (#FFEAE9, #E99352, #A67200, #564F01, #003329)
• Bronze Canyon color palette (#FFE7F2, #A15300, #004F5F, #440047, #180019)

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