Cocoa Courtyard color palette — #FCE2D3 · #642E00 · #00394C · #1B1A42 · #040100

A conversation between Rust and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#FCE2D3): A whisper-light, dusty gold — the color of old brass.
• Rust (#642E00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Teal (#00394C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#1B1A42): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. 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

• Charred Aubergine color palette (#F6EAD2, #523B00, #00306E, #230068, #030100)
• Garnet Parlor color palette (#FFE5E9, #780031, #003D35, #02232F, #060001)
• Chestnut Thicket color palette (#F4DECB, #804900, #005473, #22365D, #040100)
• Chestnut Parlor color palette (#F8EEDC, #7A5800, #243032, #1A1400, #030200)
• Amber Villa color palette (#FFE2D1, #B48611, #4B771F, #5C141A, #160900)
• Aubergine Drift color palette (#E6EADA, #475300, #4C00A0, #4B0062, #060900)
• Pale Nightshade color palette (#E5E2D3, #6A5900, #2933BE, #45257D, #161100)
• Hushed Chestnut color palette (#F8E2EE, #0080A2, #9C4800, #130D03, #040100)

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