Nocturne Cocoa color palette — #F7EEE1 · #742F00 · #1D2700 · #060030 · #020100
A conversation between Rust and Ink, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7EEE1): bright and airy, almost weightless.
- Rust (#742F00): A deep, shadowed, balanced orange — the color of autumn markets.
- Onyx (#1D2700): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#060030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, 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
- Inked Cocoa color palette (#F3DAE5, #5E2C00, #00232C, #070025, #010009)
- Cocoa Corridor color palette (#EFE9D6, #5F4500, #272500, #00110D, #020200)
- Twilit Garnet Studio color palette (#CDEEDC, #86002E, #2D2100, #000C1A, #040000)
- Chestnut Boulevard color palette (#FFDED0, #6B5B1A, #0D432C, #1D1030, #060013)
- Onyx Alley color palette (#FFEACD, #974C00, #3E4100, #1E005E, #060300)
- Tempered Crimson Studio color palette (#DDF3E0, #E50053, #7D5700, #004225, #010100)
- Fern Balcony color palette (#CFE6DA, #0F6B11, #003229, #270124, #000200)
- Moss Corridor color palette (#FCD6D9, #5A9200, #005D67, #5A0041, #00170B)
Browse the whole catalog at Explore, or see today's palette.