Moonless Cocoa color palette — #F2E6D5 · #644300 · #003B4C · #001D27 · #040002

Built around Bronze, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Parchment (#F2E6D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#644300): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#003B4C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#001D27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Onyx Bloom color palette (#E7DFCE, #443700, #002746, #000F21, #040001)
• Cellar Onyx color palette (#EBDECA, #705300, #003E47, #230047, #070011)
• Eclipse Garnet Balcony color palette (#F9D7CE, #8C001A, #003C41, #001D20, #040002)
• Fern Alley color palette (#DFF4EF, #264F00, #163200, #00182E, #0E0300)
• Patina Bronze Cabin color palette (#F6E0D4, #977300, #484C00, #092700, #000704)
• Velvet Harbor color palette (#F4E6CD, #4C4600, #280084, #170056, #040000)
• Aubergine Station color palette (#F9E5EB, #8D5900, #00535E, #32148C, #190005)
• Softworn Cocoa Study color palette (#E7E1DA, #B9B3A1, #8F9070, #5B3D00, #120800)

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