Petrol Study color palette — #F4F6F0 · #C8E4E7 · #799CC5 · #2E7799 · #61495F
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C8E4E7): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#799CC5): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2E7799): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#61495F): A full-bodied, 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
- Antique Cypress color palette (#F5F6EF, #CCE1DE, #6BA3B5, #007E82, #325244)
- Tempered Meadow color palette (#FBF3F5, #DBDEEC, #98B0E8, #49939E, #4C5265)
- Aged Petrol color palette (#F5F7E3, #80C4D2, #007A95, #005558, #00384C)
- Ancient Abyss Villa color palette (#E1E1D7, #599CA1, #00535F, #00302D, #00171E)
- Hushed Denim color palette (#E1E5D8, #7BAA9B, #005A99, #003B4E, #001D47)
- Softworn Bronze Orchard color palette (#FEF3E8, #C9AA86, #64A990, #9D640D, #235847)
- Worn Plum Parlor color palette (#FFF3E8, #BC8C64, #7C935A, #AC557A, #47413C)
- Hushed Cocoa color palette (#FCF4EB, #C9B49A, #997A57, #785539, #5F4100)
Browse the whole catalog at Explore, or see today's palette.