Wisteria Courtyard color palette — #FFF1F3 · #C286BD · #5C3C3D · #2D171A · #090405

Dusty Rose and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Dusty Rose (#C286BD): A luminous, balanced pink — the color of a candy shop window.
• Cocoa (#5C3C3D): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2D171A): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#090405): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Wisteria 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

• Coral Quarry color palette (#FFF2EE, #DC7F83, #6E3312, #2F170F, #0A0403)
• Fuchsia Lagoon color palette (#F2DFE2, #DB86DD, #8B655E, #5B4246, #1D1619)
• Timeworn Plum color palette (#E4E0F3, #A34EA4, #392B3E, #171321, #05060C)
• Aged Amber color palette (#FFF2EA, #CC6C39, #39342F, #1D0A00, #030100)
• Airy Market color palette (#FFF2EF, #F79CB2, #D99C50, #9C7ED9, #3F221D)
• Nocturne Meadow color palette (#FFE8E6, #DE008E, #4E0F25, #16000A, #020200)
• Shadow Mulberry color palette (#F9DADA, #87006A, #374444, #21110B, #110006)
• Deep Chestnut color palette (#EADBCF, #8F4B00, #26322F, #1D0F00, #030100)

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