Nocturne Cocoa color palette — #E3F4E7 · #604A00 · #002830 · #170019 · #000200
Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.
The five colors
- Honeydew (#E3F4E7): A whisper-light, dusty teal — the color of sea glass.
- Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.
- Midnight (#002830): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#170019): A deep, shadowed, dusty pink — the color of peonies in June.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Inked Harbor color palette (#E9DBE3, #712900, #00312D, #110026, #040002)
- Inked Abyss color palette (#D2E4DF, #294500, #212B2F, #060D0E, #000201)
- Smoked Loft color palette (#FFE5F0, #713B00, #002B50, #0F1610, #110003)
- Chestnut Archive color palette (#FFE2ED, #726300, #003D22, #1A001F, #010100)
- Obsidian Olive Station color palette (#F1E3CC, #817800, #2E4C00, #001207, #000201)
- Eclipse Navy color palette (#CDEBE8, #00541A, #000764, #1D0005, #010100)
- Washed Drift color palette (#D9E4DE, #AAC0BB, #6C9C9C, #443C00, #000201)
- Deep Aubergine Alley color palette (#D2F6F4, #006634, #380091, #390100, #000201)
Browse the whole catalog at Explore, or see today's palette.