Nocturne Cocoa color palette — #FFE7F2 · #6B3400 · #2B261A · #100E00 · #060002

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

The five colors

• Blush (#FFE7F2): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2B261A): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#100E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Basalt Villa color palette (#D9F5E5, #4D4600, #231C0C, #001204, #000201)
• Velvet Garnet color palette (#FFE1E6, #820038, #32281F, #1A0800, #040006)
• Wandering Bronze Workshop color palette (#F9E4DC, #975900, #5F4A00, #262400, #051100)
• Washed Atelier color palette (#FCDAE5, #BD7200, #45491A, #351E27, #180D16)
• Bronze Bloom color palette (#E0F6E5, #9E7B00, #224841, #14271A, #140A0F)
• Fern Meadow color palette (#D0EAE1, #4B5A00, #333641, #001E14, #000302)
• Linen Ultramarine Chapel color palette (#ECE6D0, #7E6600, #3645C0, #443600, #020023)
• Patina Forest Orchard color palette (#FAE0E8, #7E7800, #145401, #2F224C, #000804)

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