Peony Garden color palette — #F8F1D0 · #FF9E73 · #FF66C3 · #4F2326 · #27212C

Bubblegum and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Custard (#F8F1D0): A whisper-light, dusty green — the color of fresh herbs.
• Melon (#FF9E73): A luminous, balanced orange — the color of toasted spice.
• Bubblegum (#FF66C3): A luminous, vivid rose — the color of a warm blush.
• Espresso (#4F2326): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#27212C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged neon, dark, vibrant, warm.

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

• Fuchsia Veranda color palette (#F8E2C7, #FF9B8D, #E26FFF, #472134, #1F1D2C)
• Timeworn Blush Station color palette (#DFDBF3, #F89C24, #FF609C, #412634, #211A24)
• Linen Fuchsia Lantern color palette (#CCF5F4, #FEAF33, #DD8FFF, #472C53, #2B1A1F)
• Mustard Garden color palette (#CFECD6, #E0C400, #FF8C73, #4C3337, #2D222A)
• Dusty Grove color palette (#DFF2E9, #FF8C48, #C85CF3, #31163C, #0F0B20)
• Weathered Bloom color palette (#FFE0E4, #FF626E, #BB3126, #772600, #562200)
• Wandering Mulberry color palette (#F7F3FF, #EE7E50, #761869, #3E1237, #1E152C)
• Quiet Peony color palette (#F8F2FF, #FF54C1, #B6202E, #950D6B, #281526)

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