Peony Garden color palette — #F5DCE3 · #F53091 · #16710E · #00606E · #0A0011

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

The five colors

• Shell Pink (#F5DCE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Hot Pink (#F53091): A luminous, vivid rose — the color of a warm blush.
• Olive (#16710E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#00606E): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#0A0011): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

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

• Ancient Orchard color palette (#FEE6FF, #E4004D, #008463, #005E79, #100002)
• Washed Ember color palette (#EEDEE8, #DA4800, #437300, #004B61, #110016)
• Soft Orchard color palette (#EEEBFB, #C401D1, #737600, #00644E, #060016)
• Plum Thicket color palette (#E8DDF1, #AC0070, #006058, #003F39, #0F0006)
• Frosted Ember Pier color palette (#E9E0CD, #F5330F, #8E5B00, #005257, #190500)
• Dusty Rust Station color palette (#FFE2D5, #CE570D, #008085, #064D9E, #0C0200)
• Feathered Harbor color palette (#FFDADF, #FF91A7, #009B6D, #00889F, #370F19)
• Peony Market color palette (#E9DEED, #FF4C8A, #A75F00, #BD0059, #040100)

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