Nocturne Cocoa color palette — #F3D7E5 · #7A3500 · #004544 · #351300 · #000201

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

The five colors

• Shell Pink (#F3D7E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Rust (#7A3500): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#004544): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#351300): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000201): quiet, heavy and certain.

Feels like: 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

• Smoked Garnet Cabin color palette (#F7DFF7, #91002A, #00472F, #40000E, #000201)
• Obsidian Fern color palette (#D3E7DB, #574D00, #00415C, #241E00, #000103)
• Charred Corridor color palette (#EAE2FF, #006C71, #803C00, #0C0E05, #030002)
• Velvet Aubergine color palette (#FAE7EF, #753A00, #3700A3, #321500, #010009)
• Navy Boulevard color palette (#F8D6D3, #740010, #00393B, #110070, #050000)
• Faded Parlor color palette (#FFEAE3, #B73500, #006278, #661900, #00070B)
• Nightshade Drift color palette (#D7EDE3, #5E6000, #2400D6, #2B2C00, #010016)
• Ultramarine Thicket color palette (#DEECE0, #886400, #0052B5, #473200, #00061B)

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