Cocoa Courtyard color palette — #FBD8C4 · #654700 · #363000 · #081200 · #000200

A conversation between Bronze and Espresso, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#FBD8C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#363000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#081200): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Velvet Chestnut color palette (#F1E9D6, #725F00, #362F00, #191A00, #000A02)
• Eclipse Aubergine color palette (#E7DDC5, #564D00, #4D008E, #231F00, #020007)
• Charred Garnet Summit color palette (#F5DEE3, #892600, #4D2200, #1C1200, #010100)
• Aubergine Pier color palette (#E2E6CF, #3A4000, #400077, #370035, #010100)
• Grape Harbor color palette (#F8E4D8, #580BF4, #764500, #0E0C05, #020100)
• Patina Emerald Atelier color palette (#EFE8D7, #50A65F, #007985, #542600, #020200)
• Olive Bloom color palette (#EDECD6, #697C00, #005124, #002A22, #000A0C)
• Emerald Parlor color palette (#E0F1D3, #009C5B, #00685D, #00464D, #001B28)

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