Nocturne Cocoa Canyon color palette — #FDDFCE · #813C00 · #435713 · #201700 · #080004

A conversation between Bronze and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FDDFCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#813C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#435713): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#201700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#080004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Cocoa Canyon 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 Hollow color palette (#EEDEBF, #6A4D00, #3E493D, #161B00, #000401)
• Timeworn Study color palette (#FFE0D5, #A86500, #694A00, #383200, #121700)
• Velvet Alley color palette (#EDE1EC, #9D0026, #2D383D, #291100, #070007)
• Hazy Ultramarine color palette (#F0E9D2, #7C6300, #1E45D6, #432EA9, #0B0700)
• Muted Bronze color palette (#D4EDDD, #9E8500, #364D21, #172C20, #190E12)
• Patina Fern Parlor color palette (#D3F6ED, #496E00, #383843, #002C1D, #000C09)
• Misty Lapis color palette (#DAE7DB, #9A6F00, #5C38ED, #5A4000, #0E0039)
• Lagoon Station color palette (#D1E5E1, #009A73, #005F5E, #592041, #001314)

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