Cocoa Courtyard color palette — #FFF0FD · #F1D1D3 · #D2ABBB · #977670 · #7B3E22
Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and warmth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Shell Pink (#F1D1D3): A whisper-light, dusty red — the color of a theater curtain.
- Rosewood Mist (#D2ABBB): A luminous, dusty rose — the color of pressed rose petals.
- Mocha (#977670): A full-bodied, dusty orange — the color of toasted spice.
- Bronze (#7B3E22): A full-bodied, balanced orange — the color of toasted spice.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.
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
- Chestnut Quarry color palette (#FFEFEF, #E7B8B2, #AF7676, #654D1B, #383100)
- Patina Bronze Alley color palette (#FFF1F3, #FFC5E9, #CF96A5, #9A6B3B, #553F0E)
- Dusty Stone color palette (#DEFEEC, #B9E3E6, #C0A6C0, #93747B, #604043)
- Softworn Bronze Field color palette (#FFE9F0, #CF9C9D, #9F6758, #483E13, #1C2000)
- Ancient Terracotta Courtyard color palette (#F5F3FF, #D4B7E9, #A879A4, #93493A, #552500)
- Antique Archive color palette (#E6FCE3, #C3DDD2, #CCAFC1, #AA9061, #4F5402)
- Softworn Parlor color palette (#D3F0FD, #A3C1E3, #8685A6, #415F52, #2B3F36)
- Frosted Iris Lantern color palette (#FFF0F7, #D5CCFF, #FB9E92, #8D79D2, #592721)
Browse the whole catalog at Explore, or see today's palette.