Nocturne Cocoa color palette — #EFDBC8 · #6C3C00 · #00340E · #001622 · #110017

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EFDBC8): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6C3C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#00340E): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#001622): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#110017): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Smoked Garnet color palette (#FFE7DB, #8C0E00, #272E00, #00181A, #0A0021)
• Obsidian Onyx color palette (#EEE6D7, #584900, #003130, #160040, #170001)
• Obsidian Basalt Cabin color palette (#ECDECB, #354341, #4E3300, #131911, #0A0800)
• Aged Bronze color palette (#F8E9D5, #7E6800, #4A4500, #212900, #091900)
• Timeworn Basin color palette (#F1DECA, #E7673C, #905C00, #484B00, #120A00)
• Olive Orchard color palette (#ECE4D1, #627421, #134300, #460300, #0D1200)
• Powdered Plum Quarry color palette (#F6ECFB, #B90065, #005147, #3D0051, #100018)
• Fern Courtyard color palette (#EEDDCE, #7D6D37, #334E13, #003256, #1A1949)

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