Petrol Summit color palette — #D4EFFF · #007793 · #002E44 · #00131A · #000407
Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D4EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#002E44): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00131A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000407): 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 Petrol Summit 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
- Sapphire Boulevard color palette (#E2ECF7, #006AC9, #1C2848, #001026, #00040A)
- Cerulean Boulevard color palette (#E4F3EB, #0095B8, #004B6C, #0C2E1F, #08150D)
- Dusty Byzantium color palette (#D2E7FF, #2284E2, #A934C8, #007169, #001833)
- Antique Lagoon color palette (#EBECF9, #8978AB, #3A394C, #1C1D2B, #0A0C13)
- Lowlit Navy Boulevard color palette (#E6F1FF, #004286, #1B1218, #040730, #000105)
- Hushed Lagoon Cabin color palette (#E9F5F2, #9EDEDA, #00959B, #006455, #002B31)
- Periwinkle Grove color palette (#E9F3FF, #4C9AF6, #009C5B, #005AAD, #002814)
- Shadow Aubergine color palette (#E3E3FA, #453234, #3F005C, #210C0F, #060007)
Browse the whole catalog at Explore, or see today's palette.