Nocturne Cocoa color palette — #E8EFFF · #006C6B · #7D3F00 · #0F0C05 · #030100

Bronze takes the lead with Teal close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#E8EFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Teal (#006C6B): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#7D3F00): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0F0C05): a grounded near-black with real depth.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged neon, dark, vibrant, 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 Cabin color palette (#E7F1FF, #006D66, #9B0032, #130A03, #040000)
• Deep Ultramarine color palette (#EDD6EF, #0055C8, #5D5300, #090D07, #020100)
• Chestnut Corridor color palette (#EFDECA, #6D5400, #273332, #1F1000, #020100)
• Softworn Olive Atelier color palette (#F8E2E6, #558400, #825B00, #0F0F06, #030100)
• Olive Alley color palette (#E9E6DD, #8F8F7D, #5E7433, #2F2B00, #020100)
• Softworn Cobalt Drift color palette (#F2D4E9, #0087CA, #8C6D00, #0B0D03, #020100)
• Hushed Scarlet color palette (#F6DFF1, #008D87, #CF002D, #160600, #050005)
• Chalky Wisteria Parlor color palette (#CEE7F7, #BD82FF, #9F6600, #190C00, #070300)

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