Cocoa Courtyard color palette — #E3EAFF · #BDB5F3 · #9B85B4 · #8F675D · #76391B
A conversation between Bronze and Lavender, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#E3EAFF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender (#BDB5F3): A luminous, balanced violet — the color of twilight just after sunset.
- Heather (#9B85B4): A luminous, dusty violet — the color of a velvet chair.
- Walnut (#8F675D): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#76391B): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Cocoa 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
- Washed Bronze color palette (#FFD6E8, #C1A7CE, #AA80A1, #965836, #643500)
- Hushed Powder Atelier color palette (#E7F3FF, #A6ACED, #9770A4, #7C551D, #504F11)
- Tempered Wisteria color palette (#E7DAF0, #C07FBE, #8E5675, #6E3C21, #3C2200)
- Patina Sky Harbor color palette (#BDEDFF, #67C2FF, #7B97C3, #845E65, #613B54)
- Bronze Meadow color palette (#E8F2FF, #BECEF7, #BBA0C6, #AB782F, #545300)
- Aged Corridor color palette (#FAE7F7, #B1668E, #854E58, #563300, #211800)
- Dusty Corridor color palette (#FFE6F6, #F47EB7, #B8777C, #875B00, #433807)
- Tempered Olive Garden color palette (#DEFFE4, #BFE0C5, #8BA9E6, #757718, #004D48)
Browse the whole catalog at Explore, or see today's palette.