Nocturne Cocoa Quarry color palette — #FCE0EB · #713D00 · #00482C · #301700 · #000201

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

The five colors

• Rose Water (#FCE0EB): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#713D00): A full-bodied, balanced gold — the color of old brass.
• Forest (#00482C): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#301700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Timeworn Cocoa color palette (#F6EAE0, #794100, #004366, #341800, #00070F)
• Smoked Onyx color palette (#F6E9DB, #543300, #193B00, #46001D, #020100)
• Antique Bronze Field color palette (#F6E6D8, #9A5500, #006942, #552C00, #000803)
• Bronze Boulevard color palette (#FADAE7, #9E5600, #005A89, #432100, #000103)
• Worn Study color palette (#F8E7D1, #A88B49, #786D06, #4D2700, #050200)
• Softworn Alley color palette (#D9E8E0, #716F00, #00646D, #3A3900, #000A0C)
• Feathered Plum color palette (#E3EDE3, #A97300, #A6388A, #5F3F00, #26001D)
• Softworn Orchard color palette (#C8EAE2, #619900, #C83300, #355800, #2E0500)

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