Twilit Petrol color palette — #D2F3FF · #006B7D · #002F3A · #000C11 · #000102
Built around Peacock, softened by Deep Forest — the whole palette hums with trust and stability.
The five colors
- Frost (#D2F3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006B7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#002F3A): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000C11): 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 Twilit 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
- Dusty Villa color palette (#D7EEF4, #0087A0, #005566, #00212A, #000203)
- Denim Boulevard color palette (#DFEFFF, #0065A5, #002E55, #22181E, #000713)
- Smoked Cypress color palette (#C4E8D8, #00745E, #003426, #19181F, #000B06)
- Wandering Sky Terrace color palette (#E2F5FF, #39C3FD, #007699, #003E51, #00141E)
- Patina Sapphire Summit color palette (#E4F5E9, #558EB3, #4963C3, #003432, #000201)
- Smoked Mulberry color palette (#EBE4D6, #AE004A, #005882, #07090F, #000201)
- Smoked Chestnut Lagoon color palette (#D0E5DE, #705300, #36343B, #001528, #000104)
- Ultramarine Corridor color palette (#F4E7F3, #004EBE, #490047, #001A4A, #040001)
Browse the whole catalog at Explore, or see today's palette.