Nocturne Cocoa color palette — #C7F1F6 · #005B4A · #5A3000 · #1F1800 · #000201
Built around Cocoa, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#C7F1F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Pine (#005B4A): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#5A3000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#1F1800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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
- Forest Thicket color palette (#CBE8E3, #154D00, #560012, #121A16, #090200)
- Twilit Harbor color palette (#C2E7E7, #005C3D, #003E69, #231500, #000201)
- Velvet Aubergine Studio color palette (#DCF1E4, #003D4A, #46004D, #250700, #000102)
- Muted Bronze color palette (#E7F9FF, #009DA4, #927100, #455500, #00090E)
- Aubergine Lagoon color palette (#E2F1FB, #00566E, #540D7E, #011F02, #000102)
- Worn Mulberry Workshop color palette (#E0F1FF, #007AB6, #8F2E95, #004427, #000103)
- Moonless Ridge color palette (#CEE8F8, #00566E, #540086, #300025, #000102)
- Aged Loft color palette (#D1E8F2, #008A9B, #003D6E, #003139, #000104)
Browse the whole catalog at Explore, or see today's palette.