Petrol Study color palette — #F0E8DC · #87BCD3 · #0072AB · #004B4F · #001534
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F0E8DC): a clean, paper-quiet neutral.
- Sky (#87BCD3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072AB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Sapphire Coast color palette (#F6EBF1, #7FBBD4, #0867C1, #005145, #29294D)
- Patina Cobalt color palette (#F6F1E9, #ABD1C3, #4D7FB5, #005967, #0F1C47)
- Aged Ultramarine color palette (#F2E9DC, #79A79B, #2450B0, #003746, #07002F)
- Petrol Dune color palette (#F5F1EB, #C8E2E2, #7EA0C0, #187884, #422E41)
- Abyss Ridge color palette (#EEE4D6, #6E957A, #005168, #002C28, #00050B)
- Navy Orchard color palette (#F3EADB, #4F7EA2, #00377F, #001E26, #01000C)
- Aged Archive color palette (#F5F1EB, #CDE3CE, #429BAE, #006F5A, #043525)
- Patina Thicket color palette (#F3DFD0, #BB652E, #007697, #713100, #00151D)
Browse the whole catalog at Explore, or see today's palette.