Petrol Grove color palette — #EEF7F7 · #D5DCED · #7E9DB7 · #4B7589 · #405569
Slate takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Ivory (#EEF7F7): a clean, paper-quiet neutral.
- Silver (#D5DCED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7E9DB7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4B7589): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#405569): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Calm, 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
- Tempered Cypress color palette (#F6F0F3, #D7D1E5, #829FC1, #007B7B, #2B364D)
- Tempered Boulevard color palette (#F4F6EF, #C0DFEE, #AEC0F0, #6DADBE, #3F5952)
- Weathered Denim Coast color palette (#D2E5E3, #62A9C6, #005F84, #003D46, #002238)
- Lagoon Hollow color palette (#FAF4F0, #CEE5E6, #C3A6C6, #479594, #614A5B)
- Softworn Teal Garden color palette (#E2FAFF, #42AB9E, #618EBA, #737C48, #2B484D)
- Wandering Navy Orchard color palette (#DAEAE9, #5D85A4, #003D6F, #00202D, #00081F)
- Tempered Courtyard color palette (#E3FAFF, #91D2CD, #408E8A, #005A54, #06404A)
- Antique Cypress color palette (#E9F9F9, #82BFA6, #BB8F5C, #2D8466, #3B5538)
Browse the whole catalog at Explore, or see today's palette.