Twilit Petrol color palette — #DBEFEF · #006A86 · #003D5D · #001940 · #020016
Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DBEFEF): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#006A86): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003D5D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001940): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#020016): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.
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
- Weathered Cerulean Cabin color palette (#C9ECF9, #0094C1, #00567C, #002742, #000209)
- Cellar Cypress color palette (#D6E9D9, #006D57, #004542, #002226, #000509)
- Hushed Field color palette (#CFF9EE, #005E9F, #6F3900, #002B4D, #060200)
- Navy Lantern color palette (#D6F2F0, #006E7C, #00435E, #001365, #1A0047)
- Navy Villa color palette (#DAECF8, #005198, #120089, #130036, #040007)
- Lowlit Sapphire color palette (#D8E8FF, #025EE8, #003585, #000F2A, #000106)
- Softworn Hollow color palette (#D9E7F5, #8E87FF, #A556A2, #00434A, #000412)
- Charred Hollow color palette (#CCE8FF, #004D7B, #5F3000, #3A2D00, #000103)
Browse the whole catalog at Explore, or see today's palette.