Nocturne Cocoa color palette — #DCF1E0 · #5E4600 · #193200 · #001814 · #01040C

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

The five colors

• Honeydew (#DCF1E0): A whisper-light, dusty teal — the color of glacier melt.
• Bronze (#5E4600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#193200): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001814): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#01040C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Fern Drift color palette (#C9E9E2, #2B5700, #00322C, #001622, #060025)
• Worn Bronze color palette (#FCE1C5, #8C5E00, #553C00, #2A1F00, #141000)
• Velvet Coast color palette (#E7EAFC, #571DA5, #003411, #001819, #040312)
• Antique Basin color palette (#D6EFEE, #007F5E, #004237, #2F1F00, #00140C)
• Weathered Abyss color palette (#DEF0EC, #5F9BA2, #005361, #00302E, #00171F)
• Velvet Mulberry color palette (#EFE0F3, #89003B, #173200, #000A35, #020007)
• Sunlit Station color palette (#F3D4E3, #F54232, #A34D00, #5F3B00, #170700)
• Tempered Rust color palette (#FFE9DB, #CC5900, #716500, #00522B, #170004)

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