Nocturne Cocoa color palette — #E0F6E5 · #574100 · #00412C · #001C1F · #000104
Deep Olive takes the lead with Forest close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Honeydew (#E0F6E5): A whisper-light, dusty teal — the color of glacier melt.
- Deep Olive (#574100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Forest (#00412C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001C1F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: 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
- Charred Field color palette (#E1F1FF, #005688, #2C3C00, #001F12, #000102)
- Nocturne Drift color palette (#FEE4ED, #7F4900, #353A00, #002015, #0D0001)
- Fern Corridor color palette (#D7F4EE, #1F5E00, #003D48, #001835, #020006)
- Nocturne Garnet color palette (#EFDFD7, #840018, #003B24, #00231A, #0A0019)
- Brick Balcony color palette (#FFF0FD, #C52638, #205300, #00273E, #030005)
- Wandering Archive color palette (#FBD9CF, #B95400, #693700, #301A00, #0A0500)
- Quiet Olive Alley color palette (#D2F3E9, #4E7000, #00545B, #002A4A, #07001C)
- Wandering Brick Pier color palette (#F5DAD0, #B7002E, #534800, #3F0974, #140001)
Browse the whole catalog at Explore, or see today's palette.