Nocturne Cocoa color palette — #F3DCE3 · #613900 · #31322B · #160C00 · #040001

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F3DCE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#613900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#31322B): quiet, heavy and certain.
• Ink (#160C00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Lowlit Cocoa color palette (#D3F0D9, #573F00, #161D22, #120E00, #000200)
• Midnight Garnet color palette (#F9E4F8, #82001F, #312A1C, #220200, #030004)
• Bronze Orchard color palette (#FCEACC, #826400, #534300, #2B2500, #0E0D00)
• Softworn Olive color palette (#DCEEE4, #786D00, #00656A, #3D3700, #000A0B)
• Aged Cabin color palette (#E0F2EA, #868830, #2D403A, #14221C, #080E0B)
• Forest Studio color palette (#C1EBE5, #046816, #2B2D34, #002111, #000706)
• Denim Studio color palette (#D3E2E0, #63A8BA, #00617D, #00393D, #000D15)
• Moonless Cocoa color palette (#FBE3EF, #6D2F00, #34332C, #190A00, #040002)

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