Nocturne Cocoa color palette — #F7DAC7 · #6A4600 · #372B00 · #0C0E00 · #000200

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

The five colors

• Shell Pink (#F7DAC7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A4600): A full-bodied, balanced gold — the color of old brass.
• Espresso (#372B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0C0E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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 Meadow color palette (#EAE8D1, #425100, #00340E, #00180F, #000202)
• Worn Quarry color palette (#F5ECDB, #8F7000, #4E4200, #191700, #010100)
• Aubergine Basin color palette (#ECE5D2, #564D00, #3C009F, #231F00, #010009)
• Aubergine Bloom color palette (#EDEDDB, #403E00, #2D008A, #2C005C, #010100)
• Ancient Corridor color palette (#F6EACA, #5F9548, #007A6E, #442800, #020300)
• Garnet Parlor color palette (#FFEAEB, #970507, #4C1D00, #1A0B00, #020100)
• Eclipse Grape color palette (#FAE6E9, #6500EC, #4F5800, #0A0D07, #020100)
• Faded Orchard color palette (#FBEDD6, #998A00, #515B00, #0D4201, #00180B)

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