Nocturne Cocoa Boulevard color palette — #F9E7EF · #753600 · #002F41 · #2C0013 · #100000

Bronze and Ink set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F9E7EF): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#753600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002F41): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2C0013): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#100000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

One click turns Nocturne Cocoa Boulevard 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

• Velvet Parlor color palette (#F3EDD6, #4B4D00, #003037, #1B002D, #030000)
• Deep Navy color palette (#E0EFE3, #4E3900, #090066, #1B1F13, #1A0100)
• Obsidian Mulberry color palette (#F0E1F3, #8B003A, #003323, #250029, #14000E)
• Powdered Aubergine color palette (#D0E9DE, #686C00, #004F57, #36005D, #140200)
• Timeworn Bronze Lantern color palette (#F4E0E8, #7C6B00, #234100, #361A00, #130F00)
• Weathered Nightshade color palette (#D0E8DE, #686F00, #3B20B0, #4E1C00, #251600)
• Softworn Olive color palette (#EFEED0, #4E7900, #004823, #00271F, #00111B)
• Midnight Terrace color palette (#C8E8E0, #396600, #510075, #2E1A00, #0F0D00)

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