Petrol Study color palette — #F1F3ED · #C7DFE3 · #849EC3 · #1B739D · #452D42
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3ED): bright and airy, almost weightless.
- Silver (#C7DFE3): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#849EC3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#1B739D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#452D42): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, 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
- Softworn Market color palette (#F2F2EC, #C5E2DD, #65A8B8, #1E7A78, #1C3E2E)
- Softworn Coast color palette (#FAF3F5, #DBDDED, #8897C7, #277B8B, #4D5165)
- Denim Boulevard color palette (#EAEEE0, #7BA1C0, #0059A1, #00364A, #000823)
- Patina Archive color palette (#E8EADF, #88BDCF, #00759B, #004A52, #001827)
- Washed Cerulean Villa color palette (#F2F3E9, #B4DBBF, #0092AE, #006263, #002A38)
- Tempered Cerulean Quarry color palette (#EBEDE2, #4D97A0, #005361, #002C2B, #000508)
- Timeworn Pewter Quarry color palette (#FFEDE8, #CB868C, #A78854, #8868A5, #392019)
- Driftwood Ridge color palette (#FAF0E3, #C9B99C, #957F57, #6D5331, #342B15)
Browse the whole catalog at Explore, or see today's palette.