Wisteria Grove color palette — #FFF1F3 · #D283D3 · #B66568 · #7B5422 · #343359

Bubblegum and Mocha set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Bubblegum (#D283D3): A luminous, balanced pink — the color of a candy shop window.
• Mocha (#B66568): A full-bodied, balanced red — the color of embers at dusk.
• Coffee (#7B5422): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#343359): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Washed Study color palette (#FFF1F5, #BA8DE8, #B46286, #834E3B, #0C4138)
• Softworn Blush color palette (#FFF2EF, #E6819B, #B46C32, #636110, #482B4C)
• Peony Chapel color palette (#FADCDE, #CA62B8, #644342, #39292A, #1F1517)
• Timeworn Mallow Terrace color palette (#FFF1F3, #ECD6FF, #F1A5F5, #CE87A9, #523236)
• Patina Coral color palette (#FCF1FB, #92BDFC, #C86971, #006B5D, #082957)
• Timeworn Peony Parlor color palette (#FFCEE7, #FF9EC6, #CB698A, #975360, #623A2F)
• Emerald Quarry color palette (#F5F4FF, #D7ACE2, #D68B61, #479137, #003E55)
• Timeworn Bronze color palette (#FFF1F1, #ECB5C4, #B19289, #9A7232, #604900)

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