Nocturne Petrol color palette — #D3F4F8 · #006D7E · #00323F · #001D28 · #000B14
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3F4F8): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#006D7E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00323F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001D28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
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
- Muted Petrol Chapel color palette (#C7E3FB, #006AA5, #002E4B, #2D242B, #000B17)
- Eclipse Aubergine color palette (#D2E3DC, #00587D, #6B0061, #002436, #10000E)
- Muted Lagoon color palette (#D5FAEB, #008C94, #00637A, #003F65, #040025)
- Softworn Indigo color palette (#CEF7E9, #6B8EC0, #5561CA, #00374A, #150318)
- Azure Canyon color palette (#D0E4EE, #0097D6, #00649D, #003F70, #28204E)
- Deep Atelier color palette (#E9DDCA, #6A5800, #382900, #1A0E00, #040300)
- Chalky Navy Quarry color palette (#E3EFFE, #0057CF, #100095, #0F0053, #13001D)
- Misty Lapis color palette (#E3E9FF, #5E4EEF, #4800B0, #260054, #180031)
Browse the whole catalog at Explore, or see today's palette.