Nocturne Petrol color palette — #DEF0F1 · #007E87 · #004247 · #001518 · #000102
Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.
The five colors
- Frost (#DEF0F1): a clean, paper-quiet neutral.
- Teal (#007E87): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004247): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001518): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Ancient Turquoise color palette (#BCF0FF, #00ABC4, #006F7F, #00323A, #000A0E)
- Deep Pine Lagoon color palette (#DAEBE0, #00824C, #004627, #001609, #000201)
- Midnight Ridge color palette (#DFEBF8, #0069D2, #003868, #001328, #000104)
- Muted Chapel color palette (#C4E8E6, #43B3D0, #0971D3, #004C3A, #000803)
- Raspberry Lagoon color palette (#FDEBDA, #B700A8, #006C89, #060C13, #000201)
- Gentle Aubergine Thicket color palette (#D3EAE3, #006CAF, #480080, #002C4B, #020007)
- Muted Cobalt color palette (#E8F3FF, #6FBAFF, #0075C8, #003967, #001123)
- Bronze Market color palette (#E1F6ED, #836200, #403A41, #002231, #000306)
Browse the whole catalog at Explore, or see today's palette.