Moonless Cocoa color palette — #D3E2E8 · #005168 · #5B3300 · #322800 · #000102

Cocoa takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D3E2E8): bright and airy, almost weightless.
• Peacock (#005168): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#5B3300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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

• Patina Bloom color palette (#D6EAF6, #005375, #770046, #303400, #000910)
• Moonless Navy Thicket color palette (#D3E4F9, #004187, #562800, #002315, #000105)
• Midnight Garnet color palette (#CFF5E6, #005742, #790010, #431F00, #000201)
• Twilit Ridge color palette (#E0E6FF, #3527B7, #424100, #15300F, #01000A)
• Mulberry Canyon color palette (#CFE7F6, #00709B, #9F005F, #424700, #000103)
• Inked Fern Terrace color palette (#D5E9D8, #646614, #473200, #2C0E00, #000200)
• Ancient Ridge color palette (#DEEFFA, #006E9E, #904100, #5A3F00, #000811)
• Sunlit Grape Basin color palette (#E9DDF5, #742EA3, #2E5900, #00412D, #070010)

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