Nocturne Petrol color palette — #D1E4D6 · #008495 · #3D293D · #0D1911 · #050703
A conversation between Cerulean and Espresso, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#D1E4D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#008495): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3D293D): A deep, shadowed, dusty pink — the color of neon signs at night.
- Ink (#0D1911): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#050703): 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
- Softworn Cobalt color palette (#E0F2EC, #3589C6, #47353E, #13221D, #090E0A)
- Softworn Garden color palette (#E6EEDA, #008B5F, #1D3826, #13180A, #070603)
- Softworn Cerulean Lantern color palette (#D6E8F1, #0CA1B6, #3A4F64, #1F3139, #0F1A1C)
- Onyx Field color palette (#D1E5F0, #006388, #18104F, #000910, #000200)
- Linen Azure color palette (#D3FDEF, #2C96D7, #9B7B00, #816818, #01251C)
- Airy Grove color palette (#CBE9EA, #00B4D9, #1882B9, #3D4F81, #3B1E2D)
- Stone Alley color palette (#FCF0E2, #B8B77F, #5F7F5A, #455C49, #2D2713)
- Tempered Periwinkle Bloom color palette (#E3F7F1, #5AA9F3, #B97F3E, #2768A2, #3A2000)
Browse the whole catalog at Explore, or see today's palette.