Petrol Study color palette — #D3EDFB · #00708A · #102540 · #000E18 · #000304
Teal takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D3EDFB): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00708A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#102540): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000E18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000304): 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 Study 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
- Dusty Cobalt color palette (#D2E4F4, #007BBF, #273048, #0D1720, #02070A)
- Softworn Boulevard color palette (#DBF5E7, #008EB1, #22483F, #12271D, #080F09)
- Twilit Courtyard color palette (#E0E8F6, #384DE1, #22213D, #060C19, #000206)
- Quiet Cornflower Terrace color palette (#DBEAFF, #4276DE, #936400, #705800, #05132A)
- Cerulean Harbor color palette (#F8EFF5, #94D5D3, #008BA2, #205C3D, #052336)
- Moss Archive color palette (#E6F7EB, #95AA5B, #387442, #184E5B, #00221A)
- Soft Boulevard color palette (#DFF1F6, #00A1DE, #0068BB, #263775, #1E193E)
- Aged Quarry color palette (#DAEBFF, #4791F0, #9E7400, #1F5596, #261A00)
Browse the whole catalog at Explore, or see today's palette.