Nocturne Cocoa color palette — #FFE3D7 · #713F00 · #342800 · #151400 · #010200

Built around Bronze, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Rose Water (#FFE3D7): A whisper-light, dusty orange — the color of toasted spice.
• Bronze (#713F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#151400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010200): 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 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

• Shadow Balcony color palette (#DCEFDF, #624700, #3A00A0, #291C00, #010009)
• Fern Quarry color palette (#E6E7CA, #5D6200, #342D00, #0A0B00, #010100)
• Bronze Summit color palette (#E8DCD2, #9C6700, #574000, #141000, #010100)
• Velvet Canyon color palette (#F3E0EA, #8E0026, #4E1500, #1C0B00, #020100)
• Lapis Thicket color palette (#F0DBD6, #3527FB, #813C00, #170708, #040002)
• Eclipse Orchard color palette (#F9F0D2, #483A00, #330085, #330041, #020100)
• Bronze Studio color palette (#F5E1D0, #A68200, #625F00, #153A00, #00190D)
• Weathered Meadow color palette (#F0E1C5, #699754, #007470, #552000, #000201)

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