Nocturne Cocoa color palette — #F0E1E9 · #8F6B35 · #632700 · #2B0009 · #010100

Built around Rust, softened by Walnut — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#F0E1E9): a clean, paper-quiet neutral.
• Walnut (#8F6B35): A full-bodied, balanced gold — the color of old brass.
• Rust (#632700): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2B0009): A deep, shadowed, dusty red — the color of late-summer berries.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Midnight Chestnut Delta color palette (#FBDECC, #7A4F00, #4C1A00, #280009, #040300)
• Wandering Cocoa Dune color palette (#F6E4EF, #AC7B39, #822F00, #450017, #020100)
• Olive Pier color palette (#D5E5DA, #697B33, #493A00, #200D00, #000200)
• Hushed Chestnut color palette (#D1EED9, #94A16D, #745D00, #4E2600, #000601)
• Hazy Garden color palette (#FFF1F5, #C1B377, #A56600, #7D200C, #0E1500)
• Velvet Bronze color palette (#D6EBFF, #B35F42, #001D32, #0A0C13, #000103)
• Garnet Balcony color palette (#D3E4EE, #0088A4, #730027, #00313D, #040001)
• Weathered Amber Studio color palette (#F3EDDE, #C26600, #008096, #070C10, #000103)

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