Nocturne Cocoa Harbor color palette — #F6DDCB · #793600 · #00415D · #341300 · #000103

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

The five colors

• Parchment (#F6DDCB): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#793600): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#00415D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#341300): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Inked Garnet Meadow color palette (#FFE4DB, #910027, #004449, #40000C, #000102)
• Twilit Chestnut Atelier color palette (#F5EBD9, #705300, #293435, #1A1300, #020100)
• Misty Rust Alley color palette (#F4DAC9, #AF4500, #005B83, #4B1900, #000103)
• Shadow Aubergine color palette (#FCE3D2, #5C2D00, #003A30, #2D005B, #030100)
• Moonless Bloom color palette (#ECE2D4, #634600, #0604B5, #2A1B00, #00000C)
• Eclipse Boulevard color palette (#FCE6FF, #006C6F, #684D00, #0B0D06, #020100)
• Hazy Station color palette (#F1EDDB, #586200, #5100B9, #282D00, #030012)
• Hushed Archive color palette (#F4E4D1, #AD7000, #006FB5, #623D00, #001326)

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