Moonless Cocoa color palette — #FFEBD9 · #5D3400 · #2E2300 · #00131F · #060000

Cocoa and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEBD9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cocoa (#5D3400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#2E2300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#00131F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#060000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Inked Spruce Archive color palette (#F2EBD0, #323300, #171A00, #000921, #040100)
• Basalt Chapel color palette (#FEE8D3, #475650, #562D00, #19231C, #090900)
• Lowlit Harbor color palette (#FEEBE7, #8A0042, #372700, #001526, #160006)
• Wandering Brick color palette (#F4D5E4, #B13F46, #5D2B00, #221B00, #060F00)
• Aubergine Basin color palette (#F1EDD9, #4E5500, #154600, #2D0068, #151000)
• Aged Garnet color palette (#E6DDD9, #B2A79D, #947D35, #6D0303, #230C03)
• Worn Boulevard color palette (#FFF0E0, #875700, #4D3E00, #002E4F, #330700)
• Faded Brick Boulevard color palette (#F9E4DD, #B50021, #004F34, #002E45, #050005)

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