Nocturne Cypress Pier color palette — #D3E5E7 · #006A5B · #00232B · #00110D · #000203

Pine takes the lead with Midnight close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Silver (#D3E5E7): bright and airy, almost weightless.
• Pine (#006A5B): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00110D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000203): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Nocturne Cypress Pier 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

• Denim Pier color palette (#DFF3FF, #005E76, #3B3037, #051A35, #000B11)
• Lagoon Quarry color palette (#D9F5FA, #008B7C, #004142, #00201C, #000A0B)
• Patina Teal color palette (#E7F5E1, #00A993, #076475, #283B1E, #060900)
• Brick Drift color palette (#C8ECFC, #007CA0, #B81D00, #813D00, #002937)
• Inked Nightshade color palette (#D1E2FC, #1100AF, #361621, #0E001F, #000205)
• Teal Veranda color palette (#D0E3DC, #00ACA7, #00707E, #00485B, #20284F)
• Petrol Corridor color palette (#FDF1FA, #65C8DA, #0078A2, #005747, #003265)
• Tempered Scarlet Veranda color palette (#C6EBFF, #0094B1, #D2051A, #00586A, #5C0106)

Browse the whole catalog at Explore, or see today's palette.