Nocturne Cocoa color palette — #F6E6EC · #6A3B00 · #1C3900 · #001A28 · #060001
A conversation between Bronze and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6E6EC): bright and airy, almost weightless.
- Bronze (#6A3B00): A full-bodied, balanced gold — the color of old brass.
- Forest (#1C3900): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001A28): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#060001): A deep, shadowed, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Garnet Garden color palette (#F0D8E9, #8E1900, #393200, #002327, #050004)
- Cocoa Thicket color palette (#FEE6EE, #633B00, #271D11, #100E00, #040100)
- Midnight Navy Orchard color palette (#D8E5DA, #634800, #003827, #150061, #050100)
- Rust Orchard color palette (#FFEAEB, #B24F1A, #673C00, #261D00, #030500)
- Gentle Bloom color palette (#D6E3D8, #B02A1D, #4D3A00, #090069, #090200)
- Softworn Garnet color palette (#ECE5E9, #AFA0A5, #768C7F, #7A2300, #13040E)
- Powdered Aubergine color palette (#E0F5E9, #6F6500, #005F4B, #330096, #0D0300)
- Timeworn Plum Canyon color palette (#F1DDF4, #BA0044, #6D5200, #3A0380, #050004)
Browse the whole catalog at Explore, or see today's palette.