Twilit Cocoa Terrace color palette — #D3ECFA · #004560 · #572100 · #371C00 · #000204

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

The five colors

• Frost (#D3ECFA): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#004560): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Espresso (#572100): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#371C00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000204): a grounded near-black with real depth.

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

Use it as a design system

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

• Garnet Bloom color palette (#D4F9F4, #004A45, #630030, #490015, #000202)
• Wandering Cocoa color palette (#D4EAF8, #005F89, #773A00, #473400, #000204)
• Nocturne Nightshade color palette (#D3E0FC, #0701C0, #452E00, #192404, #000011)
• Inked Fern Coast color palette (#F7EBD9, #605C00, #392900, #1E0B00, #020400)
• Aubergine Archive color palette (#E6E1F4, #6000B4, #424400, #003623, #0C001F)
• Eclipse Petrol color palette (#CDE6FF, #006FA0, #002E4B, #17141D, #000815)
• Iris Drift color palette (#D3E8DD, #6190E9, #895EA0, #003939, #001225)
• Sunlit Thicket color palette (#E3E7FF, #4B15ED, #5E4C00, #254015, #0C0933)

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