Petrol Study color palette — #E4F2F1 · #88B8DB · #006BB5 · #004C64 · #112D54
Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E4F2F1): a clean, paper-quiet neutral.
- Sky (#88B8DB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#006BB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#112D54): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Petrol Workshop color palette (#F4E4EA, #75BCEB, #436AAD, #004A50, #130F34)
- Worn Petrol color palette (#E2F3EF, #81BEBF, #007681, #005049, #00343E)
- Sunlit Cobalt color palette (#F8ECE2, #8CCDF9, #5985D2, #006B72, #2A294B)
- Cerulean Alley color palette (#EBF9F6, #93DCE8, #008EA8, #006666, #00475B)
- Worn Denim Pier color palette (#DAE7E6, #5A99B1, #00506F, #002F36, #001625)
- Patina Ash Terrace color palette (#EFF7F7, #D8DBEB, #7B9CC5, #427690, #485364)
- Airy Periwinkle Bloom color palette (#FBE9F0, #AFD9F7, #82A1F2, #00918D, #322253)
- Washed Olive Terrace color palette (#D6F3EB, #4E7A00, #006C6D, #704000, #00261F)
Browse the whole catalog at Explore, or see today's palette.