Nocturne Petrol color palette — #DFF6EB · #00759E · #003228 · #00150D · #000502
Built around Slate, softened by Deep Forest — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFF6EB): A whisper-light, dusty teal — the color of sea glass.
- Slate (#00759E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#003228): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00150D): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000502): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Moonless Meadow color palette (#DFF1FD, #007298, #1B294B, #001B27, #010713)
- Tempered Loft color palette (#DCEAF4, #0092C5, #1E486B, #002B3D, #01141E)
- Dusty Azure Archive color palette (#DAFFEE, #009FD2, #2B3A60, #001B11, #000200)
- Hushed Study color palette (#EEDCE8, #606BC4, #3F2935, #1F101B, #090508)
- Timeworn Terrace color palette (#F2F3E3, #A1DCE0, #0093A4, #00635C, #002A34)
- Muted Indigo Bloom color palette (#DDE3FF, #686FF6, #BD3494, #006E7C, #111237)
- Patina Pine Delta color palette (#F4F4D9, #83B87B, #1E7F42, #0B5A44, #212300)
- Velvet Aubergine color palette (#FDDAE1, #3E3C35, #450051, #190E04, #060005)
Browse the whole catalog at Explore, or see today's palette.