Nocturne Petrol color palette — #E1F2FE · #006E94 · #10263F · #000E19 · #000304
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#E1F2FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006E94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#10263F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000E19): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000304): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Nocturne Petrol 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
- Smoked Grove color palette (#D3E3DB, #006D8E, #371A30, #00190F, #020605)
- Ultramarine Meadow color palette (#DDE3F1, #5658B1, #212140, #060B1D, #000206)
- Softworn Atelier color palette (#EBF7FF, #0697C3, #263453, #00111D, #000102)
- Chalky Rust color palette (#E2EBFC, #6575C1, #AF4B37, #006E38, #07122C)
- Washed Cerulean Grove color palette (#EEF3EF, #A3D0DF, #008AA4, #005D4E, #002434)
- Pine Market color palette (#E3F7EF, #8DAA7F, #297646, #00524B, #00221D)
- Feathered Navy color palette (#C3E4F6, #56A0DC, #2965C5, #232C92, #1B1646)
- Inked Dune color palette (#E9EBF9, #443137, #35006A, #220D14, #060007)
Browse the whole catalog at Explore, or see today's palette.