Nocturne Cocoa Dune color palette — #F7E2EE · #732900 · #004216 · #001D3C · #0D0200
A conversation between Rust and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F7E2EE): A whisper-light, dusty pink — the color of neon signs at night.
- Rust (#732900): A deep, shadowed, balanced orange — the color of toasted spice.
- Forest (#004216): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#001D3C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0D0200): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.
Use it as a design system
One click turns Nocturne Cocoa Dune 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 Onyx color palette (#D0E7D1, #5C3D00, #203F00, #001352, #080400)
- Cocoa Studio color palette (#EDD8E3, #702D00, #402A00, #002317, #0C0200)
- Eclipse Garnet Thicket color palette (#EEDEEE, #8D002A, #1D3100, #1C0039, #170002)
- Tempered Boulevard color palette (#FEEAEB, #B44A02, #563A00, #1A1F00, #001106)
- Weathered Cocoa Bloom color palette (#F2E5EB, #9DAEA2, #69877F, #582800, #230918)
- Softworn Alley color palette (#F2E4EF, #B60C00, #006150, #003958, #100000)
- Inked Brick Lagoon color palette (#E9DCE9, #A7424E, #253B00, #4F0013, #010200)
- Patina Onyx Station color palette (#DBF7E9, #585400, #004A63, #490041, #0F0E00)
Browse the whole catalog at Explore, or see today's palette.