Petrol Study color palette — #F4F6EE · #C5E6E6 · #759FBB · #3F7885 · #405951
Slate takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#C5E6E6): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#759FBB): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3F7885): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal Brown (#405951): A full-bodied, dusty teal — the color of shallow lagoons.
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
- Cerulean Summit color palette (#F4F6ED, #B7E3FF, #5B90BA, #326A7D, #534055)
- Sky Archive color palette (#EAF9F3, #71BAE0, #85A471, #417A97, #4D4E46)
- Azure Lagoon color palette (#DFFDF4, #4A9FE2, #9B7AB1, #4C8277, #324841)
- Petrol Coast color palette (#EFEFE5, #66C2C9, #007585, #00504C, #003440)
- Stone Parlor color palette (#E6FAF5, #ECD6D2, #E1B3A2, #6B9181, #5A4D5A)
- Wandering Cobalt Villa color palette (#D8FFF4, #A5D2FF, #4D82AF, #315574, #114238)
- Ancient Basin color palette (#F6F6E7, #8CDFDB, #009197, #006859, #004951)
- Teal Grove color palette (#FAF4F0, #C7DDE8, #AEC8F2, #4CB6A8, #654958)
Browse the whole catalog at Explore, or see today's palette.