Petrol Study color palette — #E1F3F5 · #008196 · #00475D · #000F19 · #000103
Cerulean takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E1F3F5): a clean, paper-quiet neutral.
- Cerulean (#008196): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00475D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged 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
- Twilit Canyon color palette (#DDF4F2, #00707F, #00374D, #150027, #000102)
- Dusty Pine color palette (#DBF7E6, #008865, #005043, #00100E, #000202)
- Antique Abyss color palette (#E0EEF2, #AEBEC4, #7797A8, #004546, #000102)
- Softworn Cerulean color palette (#D0E9F8, #5A89B8, #40517E, #330D30, #080003)
- Charred Cobalt Archive color palette (#C8E4F8, #007FD5, #003883, #040038, #01000A)
- Airy Teal Orchard color palette (#C0E6F8, #00BBBE, #0093AA, #006792, #000102)
- Cobalt Courtyard color palette (#E9F8FF, #58C1FF, #0085D8, #003F85, #03004C)
- Weathered Aubergine color palette (#D8EBFF, #69A1F9, #435BCF, #2B008E, #030011)
Browse the whole catalog at Explore, or see today's palette.