Cocoa Courtyard color palette — #F1DFD2 · #634500 · #312C00 · #0A0F00 · #000200

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

The five colors

• Parchment (#F1DFD2): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#634500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#312C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A0F00): A deep, shadowed, dusty green — the color of new leaves after rain.
• 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

• Weathered Orchard color palette (#F9EBCB, #836D00, #4E4500, #191900, #010100)
• Shadow Aubergine Coast color palette (#F3EDD6, #504F00, #400997, #202000, #010008)
• Obsidian Garnet color palette (#FDE0E1, #8F1700, #4B2300, #160A00, #020100)
• Fern Lantern color palette (#EBEFE1, #4E6900, #222F00, #1B2729, #050A00)
• Twilit Courtyard color palette (#E9EDD4, #3B4000, #360083, #2F0058, #010100)
• Muted Emerald Alley color palette (#DFE3CC, #5C985A, #007772, #3F2800, #010300)
• Aged Moss Orchard color palette (#F3E6C8, #948A00, #4C5E00, #044208, #001B10)
• Lapis Chapel color palette (#FEDFE6, #5312F5, #415C00, #050D08, #010100)

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