Peony Garden color palette — #F4F7C1 · #FA318B · #825800 · #004362 · #360C08

A conversation between Hot Pink and Ochre, giving this palette its sense of nature and growth.

The five colors

• Custard (#F4F7C1): A whisper-light, dusty green — the color of a quiet forest floor.
• Hot Pink (#FA318B): A luminous, vivid red — the color of embers at dusk.
• Ochre (#825800): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#004362): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#360C08): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged retro, 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

• Antique Lagoon color palette (#F9F4CC, #DD50BD, #954A00, #004558, #350A17)
• Tempered Rose Balcony color palette (#F7E7C9, #DE5752, #675C00, #153965, #281100)
• Airy Grove color palette (#FFEDEA, #EA017E, #006D47, #00396D, #001834)
• Linen Blush color palette (#DDFFE8, #F97991, #AF6C00, #005F98, #53261E)
• Patina Amber Parlor color palette (#FFEFDC, #D88457, #5D7523, #3D4369, #2F1F08)
• Orchid Basin color palette (#D7FED7, #AE66F9, #AD2437, #00484A, #2E0D2A)
• Pale Ember Grove color palette (#FFF3E4, #DB6328, #895100, #215300, #53280A)
• Gentle Amber color palette (#DEFFE5, #FFA298, #BB7300, #006567, #451805)

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