Cocoa Courtyard color palette — #F9D9EB · #7F3000 · #004351 · #371000 · #000102

Rust takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F9D9EB): A whisper-light, dusty pink — the color of a candy shop window.
• Rust (#7F3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004351): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#371000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, 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

• Mulberry Quarry color palette (#FEE8E9, #900033, #004544, #3F0012, #000201)
• Smoked Cabin color palette (#F6E6D0, #674400, #003582, #2B1A00, #000106)
• Softworn Rust color palette (#F1E2EA, #AA4A00, #005F73, #491C00, #000102)
• Lowlit Aubergine Ridge color palette (#F6E6DD, #602A00, #003B2D, #280060, #030100)
• Lowlit Cypress color palette (#EAEAFF, #006F58, #6D4B00, #0B100A, #000200)
• Aubergine Parlor color palette (#DBECE4, #5F5F00, #5612AD, #2C2C00, #040011)
• Amber Chapel color palette (#F7DAE4, #C47B21, #00619B, #663B00, #001325)
• Feathered Aubergine Coast color palette (#FDEADF, #B13D00, #6E35A2, #621E00, #0B0018)

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