Cocoa Courtyard color palette — #F7E4C8 · #594100 · #19221C · #0B0F00 · #030100

Built around Deep Olive, softened by Parchment — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F7E4C8): A whisper-light, dusty gold — the color of honey in a jar.
• Deep Olive (#594100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#19221C): a grounded near-black with real depth.
• Ink (#0B0F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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 Bronze color palette (#F9ECD4, #7F6D00, #4E4E00, #1E3200, #000903)
• Velvet Spruce Basin color palette (#DBF2E0, #5B4E51, #3B2B00, #0C1A1E, #050400)
• Twilit Forest color palette (#E6ECD2, #00642C, #363B42, #001E1B, #000401)
• Muted Quarry color palette (#D6E5DC, #008E5F, #004143, #002113, #080800)
• Tempered Summit color palette (#EBE6D6, #5D8144, #005333, #4A1627, #070600)
• Softworn Moss color palette (#E5E6D6, #54A63D, #435338, #2E2E28, #1A1811)
• Pale Nightshade color palette (#ECEDDB, #5C5C00, #4B00CB, #700049, #020200)
• Hazy Ultramarine color palette (#E9EACE, #3E7B00, #2F20F0, #1F4200, #020023)

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