Nocturne Cocoa color palette — #F2E4D8 · #7A4000 · #004943 · #341800 · #000807

Bronze and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F2E4D8): A whisper-light, dusty gold — the color of old brass.
• Bronze (#7A4000): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#004943): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#341800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: 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

• Obsidian Garnet Delta color palette (#FAEAF5, #8D1800, #004351, #3E0600, #000102)
• Chestnut Ridge color palette (#E9DCCD, #735C00, #232F2F, #1F1100, #040200)
• Worn Terracotta Meadow color palette (#FEDED3, #A04100, #4D1B00, #1B241A, #140400)
• Smoked Loft color palette (#EBDFD3, #774200, #3B00A9, #331900, #050020)
• Timeworn Brick Bloom color palette (#F0DEDA, #BF2500, #00646E, #6A1000, #000709)
• Smoked Workshop color palette (#F1DAD8, #92005D, #004847, #400026, #000807)
• Smoked Workshop color palette (#F9D9D9, #7A0021, #003659, #181A3E, #070001)
• Frosted Ultramarine Cabin color palette (#EDE9DC, #636300, #1B23CF, #2F2F00, #030040)

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