Moonless Cocoa color palette — #F4D6E2 · #743D00 · #514100 · #181A12 · #060600

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

The five colors

• Shell Pink (#F4D6E2): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#743D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#514100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#181A12): a grounded near-black with real depth.
• Ink (#060600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Worn Basalt Hollow color palette (#FFE9D9, #46554D, #572D00, #18221C, #090900)
• Worn Bronze color palette (#F6DDC5, #9B5700, #402F00, #1B1D12, #0E0500)
• Smoked Garnet color palette (#F2E1EF, #94030D, #1E190C, #0A0400, #020005)
• Stone Parlor color palette (#EEF9EF, #C9A970, #445A54, #222F24, #140D11)
• Nocturne Olive Station color palette (#CAE9E3, #367000, #35363E, #001714, #000200)
• Hushed Moss color palette (#DFFEED, #A29400, #174725, #191600, #050002)
• Antique Grove color palette (#E8F9F7, #68B272, #294C55, #002422, #020704)
• Weathered Lapis Lantern color palette (#D7F2DF, #987B00, #5D44DF, #493A00, #010009)

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