Nocturne Cocoa color palette — #FDE5F1 · #7F5826 · #592400 · #350005 · #020200
A conversation between Espresso and Ink, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FDE5F1): A whisper-light, dusty rose — the color of pressed rose petals.
- Coffee (#7F5826): A full-bodied, balanced gold — the color of old brass.
- Espresso (#592400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#350005): A deep, shadowed, balanced orange — the color of autumn markets.
- Black (#020200): 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
- Fern Garden color palette (#D1E9D3, #6E6200, #493100, #2A1000, #010200)
- Cocoa Canyon color palette (#F2D9C7, #B0774B, #7C3600, #3F0F00, #020100)
- Timeworn Brick Summit color palette (#F6E7F4, #A84140, #0C4202, #55000A, #000200)
- Garnet Boulevard color palette (#F9E3EC, #AB8744, #874900, #661100, #151200)
- Cellar Parlor color palette (#FFE8F1, #653600, #004228, #001F2E, #030100)
- Timeworn Fern color palette (#D3E8DD, #7B8F5B, #5E5700, #432C00, #001303)
- Timeworn Bronze color palette (#D2F3DC, #9EA670, #816800, #613900, #0B2300)
- Plum Veranda color palette (#DFF3FF, #008450, #B1005E, #180302, #030005)
Browse the whole catalog at Explore, or see today's palette.