Cocoa Courtyard color palette — #EFF1FE · #8466AC · #873720 · #004633 · #331C55
A conversation between Rust and Slate, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#EFF1FE): bright and airy, almost weightless.
- Slate (#8466AC): A full-bodied, balanced violet — the color of wild irises.
- Rust (#873720): A full-bodied, balanced orange — the color of sun-warmed clay.
- Forest (#004633): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#331C55): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Creativity, Balance. Tagged warm.
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
- Wandering Plum color palette (#F2F0FD, #9C5A9F, #675100, #00424E, #431446)
- Aged Mulberry color palette (#EAF3FE, #4D77B9, #8D2A45, #184600, #09295A)
- Antique Raspberry Garden color palette (#FEE8E4, #BA5575, #853E00, #3B3400, #1F062A)
- Faded Plum Orchard color palette (#EBDCEC, #AA3D51, #3D4E00, #00304F, #40001A)
- Frosted Quarry color palette (#F9EDFC, #DA6E86, #AB5800, #585200, #3A1D46)
- Aubergine Workshop color palette (#EAE8F8, #7F2798, #443500, #00232E, #030D1A)
- Inked Mulberry Studio color palette (#E5DAF1, #983A74, #351A34, #1A0C25, #09030A)
- Dusty Lantern color palette (#E0E3FF, #AE9CC0, #896B7F, #176769, #324D60)
Browse the whole catalog at Explore, or see today's palette.