Peony Garden color palette — #D8FDE2 · #DA6290 · #845700 · #00368C · #3C0103

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

The five colors

• Honeydew (#D8FDE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Hot Pink (#DA6290): A luminous, balanced rose — the color of pressed rose petals.
• Ochre (#845700): A full-bodied, balanced gold — the color of old brass.
• Indigo (#00368C): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#3C0103): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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 Alley color palette (#D9F1D9, #C76C63, #665C00, #292E76, #290B1C)
• Misty Terracotta Bloom color palette (#D2FDEC, #B773C2, #A93200, #00445F, #380122)
• Gentle Ultramarine color palette (#FFF4DF, #F876A2, #A67200, #0056B7, #55241E)
• Ember Workshop color palette (#DEFFE5, #E15B33, #805700, #004F57, #51290D)
• Dusty Coast color palette (#FFECF5, #C58D74, #63732A, #53337A, #142814)
• Nightshade Harbor color palette (#E6E0F6, #DD9EAB, #936E36, #594690, #452443)
• Quiet Terrace color palette (#FFF4E2, #FFA48A, #B17A00, #00646E, #421B00)
• Hushed Bloom color palette (#F6DDEF, #B36C00, #196A17, #490051, #171100)

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