Moonless Cocoa color palette — #F5D8E5 · #763900 · #004352 · #331500 · #000102

Bronze takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F5D8E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#763900): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#004352): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#331500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, 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

• Moonless Garnet Coast color palette (#F9E5E5, #91002D, #004448, #40000F, #000202)
• Nocturne Chapel color palette (#D1E8D8, #715200, #342A30, #1A1300, #020100)
• Inked Cocoa color palette (#FCE4D8, #622700, #003746, #002249, #030100)
• Shadow Cocoa Hollow color palette (#F5E4EB, #006A7D, #873500, #160608, #030002)
• Dusty Courtyard color palette (#F2E3D9, #A64A00, #00617E, #5C2600, #00070C)
• Nocturne Meadow color palette (#D8ECE0, #574D00, #1C18A5, #241E00, #00000B)
• Washed Aubergine Field color palette (#DBF6E9, #605F00, #68009D, #2C2C00, #05000D)
• Misty Atelier color palette (#EAE1C6, #826800, #4238CD, #433400, #050027)

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