Peony Courtyard color palette — #FFF1F2 · #BF57A6 · #11650D · #302D8F · #242668
Hot Pink and Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Hot Pink (#BF57A6): A luminous, vivid pink — the color of peonies in June.
- Pine (#11650D): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#302D8F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Navy (#242668): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Peony Courtyard 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 Raspberry color palette (#FFF1F0, #D13489, #006C2F, #501290, #3B156A)
- Antique Orchid color palette (#FFF1F4, #AD4DC3, #4B6400, #00465E, #182A48)
- Ancient Market color palette (#FFEEE7, #BE4D46, #006065, #233474, #2E1B48)
- Feathered Raspberry Loft color palette (#FFF1F1, #CA399B, #006A4F, #004C38, #003740)
- Linen Balcony color palette (#FFEBF9, #D74F31, #466700, #004050, #290035)
- Patina Coral Terrace color palette (#FFF2EC, #F5694A, #648500, #006072, #41165F)
- Hushed Forest color palette (#FFF2EE, #9ADCDE, #008CB5, #006B33, #224068)
- Washed Olive color palette (#FFE2E9, #D39679, #787D38, #6E506E, #2B4C7C)
Browse the whole catalog at Explore, or see today's palette.