Midnight Cocoa Courtyard color palette — #C8EFDD · #636200 · #7F3D00 · #0F0C05 · #030100

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

The five colors

• Honeydew (#C8EFDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#636200): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#7F3D00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0F0C05): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Midnight 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 Forest color palette (#F8D4D5, #007139, #684D00, #0B0D06, #020100)
• Patina Canyon color palette (#F1E6DC, #9C8A74, #886420, #3F2100, #030100)
• Antique Parlor color palette (#C9E7EE, #009850, #896F00, #0E0900, #020100)
• Inked Delta color palette (#DEE1CE, #9F3800, #94005E, #180A03, #040000)
• Hushed Olive color palette (#E2EFFF, #007E84, #476F00, #020F08, #010100)
• Timeworn Brick Harbor color palette (#DDF0F8, #358A00, #BA0037, #140501, #050005)
• Garnet Coast color palette (#F6E2D9, #6B0400, #2A2D00, #1E002F, #040000)
• Gentle Market color palette (#D4F6FF, #00E148, #CBA800, #30260F, #130D04)

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