Moonless Cocoa color palette — #F2E3E8 · #6C3C00 · #2A2D00 · #00150C · #040000

A conversation between Bronze and Deep Forest, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F2E3E8): bright and airy, almost weightless.
• Bronze (#6C3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#2A2D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#00150C): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, 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

• Fern Delta color palette (#D3EEE4, #464F00, #003321, #001317, #000105)
• Inked Loft color palette (#F7E1E8, #4B4F59, #4E2E00, #2A2414, #0B0500)
• Cellar Station color palette (#ECDCED, #8B002E, #3F2100, #101200, #030003)
• Charred Chestnut Station color palette (#EBDFCA, #785C00, #423500, #201D00, #060600)
• Ember Delta color palette (#F4DCE4, #D94F00, #A45F00, #604400, #030100)
• Patina Olive color palette (#EDE7D1, #6B6B00, #005331, #002D31, #000717)
• Hushed Emerald color palette (#E6F6F3, #6E9C63, #007472, #662F0D, #231F00)
• Timeworn Fern Chapel color palette (#C9EBCF, #916A00, #305900, #00342E, #220300)

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