Nocturne Cocoa color palette — #F5E6DB · #803A00 · #004654 · #371500 · #00070B

A conversation between Bronze and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F5E6DB): A whisper-light, dusty gold — the color of old brass.
• Bronze (#803A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#004654): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#371500): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Mulberry Lantern color palette (#FFE2DB, #960B3D, #004559, #430016, #00070C)
• Lowlit Chestnut color palette (#EEE5D6, #785900, #243031, #1C1300, #040200)
• Cellar Cocoa color palette (#F8E1CF, #5F3200, #003A48, #0C2034, #040100)
• Hushed Navy color palette (#FEECD9, #714600, #002CA0, #301B00, #00031D)
• Rust Grove color palette (#F2E1D6, #AC4300, #006279, #602200, #00070B)
• Feathered Aubergine color palette (#F2E8D2, #6E5E00, #6700A8, #352C00, #18002E)
• Rust Garden color palette (#F4D6E6, #C95700, #007D99, #893900, #00070B)
• Powdered Ultramarine color palette (#F8EBD6, #876800, #2E4BBE, #483600, #060955)

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