Nocturne Cocoa color palette — #EEDBE3 · #743B00 · #004061 · #321600 · #000103

Built around Bronze, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#EEDBE3): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#743B00): A full-bodied, balanced gold — the color of old brass.
• Navy (#004061): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#321600): A deep, shadowed, dusty gold — the color of old brass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Nocturne 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 Cocoa Cabin color palette (#FDE0EB, #784100, #004B2E, #331900, #000803)
• Nocturne Onyx color palette (#F3DAC0, #553200, #00354F, #1C1442, #020100)
• Shadow Parlor color palette (#FBEAFB, #91002D, #00463C, #40000F, #000201)
• Moonless Nightshade color palette (#E1F6E5, #5F4800, #2912A4, #281C00, #01000A)
• Denim Parlor color palette (#E5E2FF, #0062A2, #684D00, #0C0D06, #020100)
• Bronze Workshop color palette (#FAE5CD, #905C00, #00646F, #4F3000, #000709)
• Antique Aubergine color palette (#D2F0E8, #486700, #5A12A8, #1F3000, #040010)
• Patina Ultramarine color palette (#DEF3E9, #746E00, #3A44C1, #3B3800, #030029)

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