Nocturne Cocoa Grove color palette — #F7DCE5 · #633800 · #2F2D22 · #120E00 · #040001

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#F7DCE5): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#633800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2D22): a grounded near-black with real depth.
• Ink (#120E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Cellar Garnet Veranda color palette (#FAE9FA, #820025, #342F2A, #1C0800, #030004)
• Obsidian Quarry color palette (#EDE0D3, #875200, #263230, #1B1000, #020100)
• Tempered Bronze color palette (#F7E1D3, #926400, #544400, #2B2B00, #040C00)
• Smoked Dune color palette (#DFF4F1, #166708, #33383F, #00201A, #000706)
• Softworn Moss color palette (#E5F1EB, #898824, #24423E, #13221B, #090E0A)
• Tempered Grape color palette (#CCE8D5, #7F6900, #6B18C7, #423500, #0C0020)
• Frosted Forest Veranda color palette (#E0F2E4, #77801F, #125202, #471035, #070900)
• Hushed Veranda color palette (#EBDFE7, #56AABE, #005F8A, #003A32, #000923)

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