Peony Courtyard color palette — #F6F3FF · #F0A8FF · #CF66A8 · #8B3A45 · #451E0E

Hot Pink and Carnation set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Carnation (#F0A8FF): A whisper-light, balanced pink — the color of a candy shop window.
• Hot Pink (#CF66A8): A luminous, balanced pink — the color of peonies in June.
• Garnet (#8B3A45): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#451E0E): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged 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

• Wisteria Boulevard color palette (#EDF3FF, #C7BCFF, #B370D7, #8A4470, #4C212D)
• Rose Harbor color palette (#FFEFFF, #FF9ECC, #DF5F5E, #874315, #3D2200)
• Peony Lantern color palette (#FBE7F8, #F19AD7, #DB74AD, #AF537C, #5A293B)
• Worn Delta color palette (#FBF1FF, #FFC7EA, #E47A8D, #95533E, #3E3933)
• Feathered Garnet Dune color palette (#E7D7F9, #BC81B8, #9D3A77, #84003F, #582024)
• Faded Rose Boulevard color palette (#FFF1F3, #FFBFC8, #D7647E, #762A38, #290010)
• Feathered Coast color palette (#F8E0F7, #F10385, #900023, #491B00, #070300)
• Soft Terrace color palette (#FFF2F0, #FF9CBF, #00C394, #AD5477, #003022)

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