Peony Courtyard color palette — #FFF1F3 · #CDA3FF · #FF40A1 · #985700 · #4D0B0A
A conversation between Hot Pink and Lavender, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Lavender (#CDA3FF): A luminous, balanced violet — the color of wild irises.
- Hot Pink (#FF40A1): A luminous, vivid rose — the color of a warm blush.
- Ochre (#985700): A full-bodied, balanced gold — the color of old brass.
- Espresso (#4D0B0A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Warmth, Comfort, Energy, Balance. Tagged candy, vibrant, light, warm.
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
- Faded Rose Hollow color palette (#FDF0FF, #FA8FFD, #FF4053, #9D6A00, #500F00)
- Tempered Peony color palette (#FFEDEA, #FFA0D3, #FF3984, #CB0F13, #270009)
- Worn Ember color palette (#FFF0F9, #FF88B6, #F15505, #716600, #371C00)
- Magenta Studio color palette (#F6F3FF, #A0AEFF, #EA2FFB, #CC3600, #4E0033)
- Washed Alley color palette (#F3D8DF, #FA235C, #B23C00, #693500, #432B00)
- Coral Orchard color palette (#F8D3DF, #FD595B, #BD6D00, #416300, #241700)
- Hazy Bloom color palette (#FFF0FC, #FFBDE0, #FF815C, #968500, #57290D)
- Feathered Bronze Alley color palette (#F2DAF5, #C47F89, #A75700, #005372, #2A3067)
Browse the whole catalog at Explore, or see today's palette.