Twilit Petrol color palette — #DEEEF4 · #0080A0 · #003A4B · #001219 · #000406
Cerulean takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DEEEF4): bright and airy, almost weightless.
- Cerulean (#0080A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003A4B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001219): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000406): a grounded near-black with real depth.
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
- Soft Canyon color palette (#BEE5F6, #00A9DC, #007C97, #004F64, #000408)
- Patina Cerulean Ridge color palette (#C3E7F5, #0094BE, #005E78, #002C3A, #000306)
- Gentle Periwinkle color palette (#D8EAF6, #2FAFFB, #4A78BF, #004855, #001C2B)
- Muted Sapphire color palette (#DDE9FA, #0870F0, #00346F, #00102B, #00030E)
- Velvet Pine color palette (#CCE6FE, #008241, #271A1C, #001F35, #00050C)
- Bronze Boulevard color palette (#F2D9E0, #885E00, #503000, #2D1500, #110A00)
- Soft Iris Hollow color palette (#DFE3FF, #8885FF, #4C42AF, #231866, #110742)
- Faded Lapis color palette (#DBE3F5, #5340F3, #520062, #1E0074, #02000C)
Browse the whole catalog at Explore, or see today's palette.