Twilit Petrol color palette — #D5E9F7 · #006C93 · #0F283D · #06151F · #02040A
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5E9F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006C93): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#0F283D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#06151F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#02040A): 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 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
- Cobalt Bloom color palette (#DBE6F3, #2371C7, #273245, #182029, #0A0C13)
- Azure Terrace color palette (#E2F1FB, #1DA9DA, #54617D, #28404F, #011014)
- Powdered Indigo Workshop color palette (#DAE4FF, #6C64E3, #AC3B7D, #006678, #212A46)
- Cellar Lapis Drift color palette (#E2E5F3, #4513F2, #201247, #080826, #020109)
- Nightshade Courtyard color palette (#DBE9FF, #0700B0, #19111C, #060028, #000109)
- Nocturne Byzantium color palette (#EBEBFE, #9400D6, #3B1D3F, #16142C, #0A050F)
- Inked Aubergine Dune color palette (#EEECFF, #85009C, #552300, #2B0C26, #090615)
- Washed Lantern color palette (#CFE3F4, #1998F9, #2B67C3, #2D4782, #2A3357)
Browse the whole catalog at Explore, or see today's palette.