Cocoa Courtyard color palette — #F9EAF0 · #6F3A00 · #003132 · #200032 · #0E0008

A conversation between Bronze and Deep Indigo, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F9EAF0): bright and airy, almost weightless.
• Bronze (#6F3A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#200032): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0E0008): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged dark, 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

• Shadow Basalt Grove color palette (#D7EFD7, #543600, #002424, #14001A, #070000)
• Lowlit Harbor color palette (#F8E1F4, #8E020D, #003411, #080049, #120015)
• Timeworn Forest color palette (#DEF2E6, #736700, #00551B, #002D2D, #140300)
• Weathered Garden color palette (#D6EBE3, #515F00, #003A5D, #410016, #1E0D00)
• Quiet Atelier color palette (#FFE3D2, #85732D, #235122, #3C1851, #2D0632)
• Nightshade Hollow color palette (#EADCE1, #6294C1, #1F35B0, #002F36, #150638)
• Soft Summit color palette (#D5E7DF, #347E30, #004231, #450316, #011501)
• Wandering Ember Orchard color palette (#CCEDD6, #ED5B01, #8D6900, #006020, #090800)

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