Petrol Grove color palette — #F7EFF2 · #D9D0E3 · #859CCA · #2B7780 · #303547
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 (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#859CCA): A luminous, dusty violet — the color of wild irises.
- Teal (#2B7780): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#303547): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Grove 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
- Washed Boulevard color palette (#EDF8F7, #D8DBEC, #809CBA, #537388, #465466)
- Weathered Petrol color palette (#F1E5ED, #80BFCD, #0074A3, #004C40, #001436)
- Weathered Powder Basin color palette (#E3F7F1, #C4D8F4, #A6B5E4, #779980, #273D3B)
- Weathered Garden color palette (#F2E2ED, #458582, #00434F, #00210F, #000103)
- Powdered Market color palette (#FAEEF7, #88E0E9, #0090B6, #00654A, #002744)
- Ultramarine Veranda color palette (#FBEBF1, #69A4C8, #0051B6, #00393C, #08002E)
- Patina Wisteria color palette (#E6F6F0, #AABC7E, #B984CF, #687B2A, #302C49)
- Timeworn Iris color palette (#E4F7EF, #9BA265, #8A81D2, #9C667A, #162C24)
Browse the whole catalog at Explore, or see today's palette.