Nocturne Cocoa color palette — #F8E5D2 · #6A3E00 · #002E43 · #2E0004 · #0B0200

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F8E5D2): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#6A3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002E43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#2E0004): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#0B0200): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Moonless Onyx color palette (#F2E2C7, #4B3B00, #1D2721, #001B47, #120600)
• Twilit Garnet Field color palette (#F2D9CB, #832300, #003136, #220030, #0F0008)
• Shadow Fern Bloom color palette (#D8EAE6, #335400, #002F3A, #190030, #040000)
• Nocturne Lagoon color palette (#E0E4C0, #424E51, #0B4604, #152128, #000B0A)
• Eclipse Dune color palette (#E6E2C3, #425100, #3B0063, #210E00, #060400)
• Muted Hollow color palette (#E1EAD0, #0B811C, #004B3A, #00292A, #04111F)
• Muted Meadow color palette (#F8E9D4, #687223, #00441D, #2F1E00, #0E1100)
• Olive Cabin color palette (#E4E4CF, #487500, #004C64, #420048, #100500)

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