Nocturne Pier color palette — #CFE7EC · #00605B · #3C383F · #001B2A · #000304

Peacock and Midnight set the tone — five colors that lean into sophistication and depth.

The five colors

• Frost (#CFE7EC): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#3C383F): a grounded near-black with real depth.
• Midnight (#001B2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000304): quiet, heavy and certain.

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

Use it as a design system

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

• Twilit Denim color palette (#D9EBF8, #005981, #322829, #161137, #000307)
• Fern Balcony color palette (#C7F2EB, #186404, #393943, #001E1B, #000303)
• Softworn Cypress Study color palette (#CAE7EF, #007B77, #003944, #191C22, #00090C)
• Ancient Abyss color palette (#E6F1E3, #5F626C, #005A55, #131D23, #00060D)
• Antique Cobalt Meadow color palette (#D9E7F8, #3A81D7, #3C3D57, #162332, #030F15)
• Hushed Lagoon color palette (#CCE6DE, #0F9A70, #005F62, #2C4000, #00140B)
• Hushed Chestnut Bloom color palette (#CCE4EF, #007191, #864900, #544200, #00090F)
• Chestnut Terrace color palette (#D2E7EC, #00869B, #965200, #004E5B, #1C0A00)

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