Twilit Cocoa Courtyard color palette — #FAE5CA · #644200 · #003324 · #001133 · #15000A

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

The five colors

• Parchment (#FAE5CA): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#644200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003324): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001133): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#15000A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Twilit 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

• Obsidian Cocoa color palette (#FFEADD, #7C2E00, #1C3100, #00171D, #0D001D)
• Onyx Workshop color palette (#E2E0C3, #3F5200, #003036, #18003E, #170003)
• Midnight Basalt color palette (#EADDC7, #4C5A5A, #473700, #17221E, #080900)
• Weathered Olive Courtyard color palette (#E8DFD0, #797410, #35522B, #142F4E, #22163E)
• Timeworn Quarry color palette (#ECE4D0, #797400, #384300, #152B00, #011801)
• Dusty Chapel color palette (#F8E6EE, #9D4D00, #005143, #320062, #0E001B)
• Amber Studio color palette (#EDE6D9, #DC6D00, #966A00, #495700, #0D0A00)
• Worn Forest color palette (#E8EFD5, #006A36, #003B59, #37003B, #210A00)

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