Nocturne Cocoa color palette — #FCD8EA · #753400 · #003229 · #180031 · #020007

Rust takes the lead with Deep Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#FCD8EA): A whisper-light, dusty rose — the color of a warm blush.
• Rust (#753400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#003229): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#180031): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, 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

• Obsidian Garnet color palette (#F9E9FC, #8A0035, #193100, #000F29, #010009)
• Velvet Terrace color palette (#D7F2E1, #463B00, #002230, #0D001E, #030003)
• Muted Bronze color palette (#FFE1D1, #7B6928, #28481B, #321A42, #100018)
• Moonless Boulevard color palette (#EFE1CF, #6C5800, #3D4100, #0D1E00, #000401)
• Washed Dune color palette (#F3DFE7, #5C91B2, #104592, #002B2E, #03001B)
• Navy Drift color palette (#F1E2CE, #885C00, #364E00, #03007E, #130300)
• Obsidian Olive Drift color palette (#CAE7D8, #4D7532, #004129, #3B061A, #010400)
• Hushed Aubergine Study color palette (#FBD3E8, #B25100, #005A49, #3A006D, #200019)

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