Moonless Cocoa color palette — #F7E0CB · #6A3D00 · #004365 · #242054 · #020100

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

The five colors

• Parchment (#F7E0CB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6A3D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#004365): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#242054): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

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

• Inked Quarry color palette (#EFE2C5, #5D4500, #003B80, #1A008E, #020100)
• Velvet Garnet color palette (#FFE6E2, #8C0B00, #00474D, #112B43, #040000)
• Softworn Lantern color palette (#D1F1DF, #876000, #3A343C, #231F00, #030300)
• Antique Navy color palette (#F5EADF, #8E5900, #00638A, #004893, #0E0500)
• Gentle Atelier color palette (#F7DAE7, #763A00, #3A4700, #5A003A, #110400)
• Twilit Market color palette (#F5D6E4, #825800, #562800, #350101, #020200)
• Aubergine Courtyard color palette (#D6E8D6, #257E2C, #840041, #5D0075, #000500)
• Grape Thicket color palette (#D2EEE4, #657400, #6445B0, #5F2E8D, #090C00)

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