Moonless Cocoa color palette — #F4E2D0 · #582E00 · #00261C · #000F11 · #05000B

Built around Espresso, softened by Onyx — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F4E2D0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Espresso (#582E00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#00261C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000F11): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#05000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: 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

• Obsidian Cocoa Lantern color palette (#F8E7DE, #822600, #003038, #001135, #050115)
• Brick Bloom color palette (#EFE3C4, #A70117, #373100, #00153E, #170600)
• Garnet Study color palette (#F2E6E0, #B6A694, #927E36, #681300, #1F1008)
• Aubergine Corridor color palette (#F4E5EC, #480094, #00291C, #150036, #03000E)
• Aubergine Field color palette (#E7DDFD, #690062, #002A31, #00122F, #020007)
• Charred Study color palette (#FEE3D6, #700304, #1A0069, #0B003D, #060003)
• Smoked Navy color palette (#EFEBD4, #3B4800, #150088, #0B055A, #170003)
• Soft Peony Quarry color palette (#ECDBCD, #FF2381, #A05F00, #1A5200, #100C00)

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