Petrol Studio color palette — #EBF4F3 · #D3DAEE · #7DA1BF · #3D7484 · #26384A
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Silver (#D3DAEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#7DA1BF): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#3D7484): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#26384A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Studio 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
- Denim Balcony color palette (#D1E2E1, #7AA2BC, #005F88, #003842, #000C19)
- Dusty Cypress Quarry color palette (#E2F6F9, #80C2B5, #9099C9, #008474, #23304F)
- Weathered Petrol color palette (#DEEDEA, #83BFC6, #00788B, #004B49, #001922)
- Cypress Villa color palette (#FAF4EF, #CBE6E6, #7A9CC5, #1B7E7E, #65485D)
- Navy Harbor color palette (#DFEEEE, #547D9E, #003C70, #001D2A, #000106)
- Hushed Chapel color palette (#DAF8FE, #46B0A4, #6691BF, #737F49, #0F2C31)
- Dusty Terrace color palette (#E7F6EE, #A6C3B7, #618E78, #3E614C, #1B312B)
- Hushed Ash color palette (#EBF4F3, #D0DBF0, #70A4BD, #39757D, #233949)
Browse the whole catalog at Explore, or see today's palette.