Twilit Petrol color palette — #D3EBEA · #007486 · #00485F · #001630 · #00000B
A conversation between Teal and Navy, giving this palette its sense of trust and stability.
The five colors
- Frost (#D3EBEA): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007486): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00485F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001630): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00000B): 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
- Cerulean Harbor color palette (#D4E6EC, #0084A6, #006487, #004160, #000A16)
- Dusty Pine color palette (#DBF1D9, #008863, #00524C, #001E21, #000102)
- Ancient Petrol color palette (#C9EADD, #0073A5, #7B4500, #002F46, #030100)
- Smoked Navy Veranda color palette (#DDF0F8, #0074C0, #003193, #0F0039, #020007)
- Muted Parlor color palette (#D4F4E9, #005A89, #6D3500, #442C00, #000103)
- Orchid Cabin color palette (#CEF4E7, #A3B9FD, #BC61D0, #004F56, #040004)
- Olive Market color palette (#F0E9DA, #6D7B1C, #473B00, #1D0F00, #000200)
- Cornflower Boulevard color palette (#B5F2FF, #20B8FB, #097AF3, #323FAA, #201544)
Browse the whole catalog at Explore, or see today's palette.