Nocturne Alley color palette — #CCF0E3 · #00604B · #573700 · #00271D · #0B0400
Pine and Cocoa set the tone — five colors that lean into optimism and calm.
The five colors
- Honeydew (#CCF0E3): A whisper-light, dusty teal — the color of sea glass.
- Pine (#00604B): A full-bodied, balanced teal — the color of shallow lagoons.
- Cocoa (#573700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Onyx (#00271D): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#0B0400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
Use it as a design system
One click turns Nocturne Alley 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
- Washed Boulevard color palette (#CCE8E5, #00746C, #4F4942, #00332E, #000E0B)
- Inked Garnet Pier color palette (#E4ECDF, #005A47, #6C004C, #00251C, #040002)
- Garnet Loft color palette (#ECE8CA, #475A00, #7A0011, #1B2400, #140001)
- Nocturne Navy Market color palette (#CDEBE5, #004A41, #00355D, #232700, #000202)
- Mulberry Corridor color palette (#CCECEF, #007B62, #A0005D, #004334, #120006)
- Inked Fern color palette (#DBF4DC, #4E6900, #1F272C, #001919, #000303)
- Hushed Cerulean color palette (#D0E8E5, #26A3AD, #00809D, #003E32, #001503)
- Plum Grove color palette (#E1EED1, #009569, #C12D6A, #006446, #130005)
Browse the whole catalog at Explore, or see today's palette.