Twilit Cocoa Courtyard color palette — #EFDAE4 · #813900 · #004657 · #381500 · #00070B

A conversation between Bronze and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EFDAE4): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#813900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004657): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#381500): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Mulberry color palette (#F6E1F5, #9A0025, #004942, #44000B, #000806)
• Tempered Atelier color palette (#E0F6E3, #694B00, #003E76, #2C1D00, #000613)
• Charred Cocoa color palette (#FFEAE1, #692800, #003A48, #002448, #050100)
• Pale Alley color palette (#FFE4D2, #AA4600, #006180, #5E2300, #00070C)
• Eclipse Cabin color palette (#F0D7E6, #814A00, #4D1800, #280006, #050300)
• Aubergine Atelier color palette (#EBEED0, #616400, #5B16AC, #2E2F00, #150032)
• Dusty Lantern color palette (#FFE8F9, #007FA8, #9E4700, #1C0608, #060003)
• Frosted Cobalt Summit color palette (#F4D4DE, #AF6E00, #006EB6, #673F00, #002A4C)

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