Moonless Cocoa color palette — #EFDEE4 · #6F3F00 · #004255 · #2F1800 · #000102

Bronze and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#EFDEE4): A whisper-light, dusty rose — the color of strawberry cream.
• Bronze (#6F3F00): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004255): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#2F1800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged 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

• Cellar Garnet Harbor color palette (#EED6E9, #910A04, #004547, #400100, #000202)
• Chestnut Corridor color palette (#D5F1E1, #735100, #272730, #181400, #010100)
• Charred Onyx color palette (#F7DAC3, #5A2F00, #00364D, #00204D, #030100)
• Lowlit Aubergine Study color palette (#D5F0DA, #624700, #3801A1, #291C00, #010009)
• Bronze Studio color palette (#F9E1CF, #A14F00, #005B98, #592900, #000611)
• Worn Lapis Atelier color palette (#F2EBF9, #4221F9, #644F00, #09100B, #000200)
• Antique Aubergine color palette (#F0DFD1, #A05400, #81119A, #442000, #030004)
• Timeworn Aubergine color palette (#DBF3EC, #486700, #5B0AAB, #203000, #040010)

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