Petrol Parlor color palette — #F7EFF2 · #D8DAEA · #899DBF · #007989 · #30354A
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F7EFF2): a clean, paper-quiet neutral.
- Silver (#D8DAEA): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#899DBF): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#007989): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#30354A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Parlor 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
- Petrol Studio color palette (#EFF7F7, #D8DBEB, #7B9CC4, #407691, #485364)
- Patina Forest color palette (#F6F0F4, #C6E2EA, #5299AA, #007143, #112F44)
- Patina Hollow color palette (#F1E5ED, #95B9CC, #0072AB, #004C44, #02113B)
- Washed Cerulean color palette (#FCECF8, #C38C83, #4BA083, #00879E, #32212E)
- Ultramarine Coast color palette (#E9DFE3, #74A2C4, #2552AC, #00393D, #0A002D)
- Abyss Basin color palette (#EADCE6, #4A8485, #004352, #002112, #000103)
- Dusty Driftwood color palette (#F8EEF9, #E9D3D3, #AFD8D1, #A57596, #41333F)
- Driftwood Lantern color palette (#ECF5EC, #AAC2B3, #977E59, #6F4C5E, #18322A)
Browse the whole catalog at Explore, or see today's palette.