Petrol Grove color palette — #F8EAEF · #95B5D1 · #4E64A7 · #00504E · #332253
Built around Slate, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Blush (#F8EAEF): bright and airy, almost weightless.
- Ash (#95B5D1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4E64A7): A full-bodied, balanced violet — the color of wild irises.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#332253): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, 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
- Muted Sapphire color palette (#FFF1F6, #6EC2F3, #3262DC, #005651, #37206A)
- Ancient Forest Quarry color palette (#F5EBF4, #80BEC1, #007295, #005427, #0D2D57)
- Petrol Chapel color palette (#F0E8DC, #95BDB1, #3A6AB1, #004958, #0C0F3A)
- Tempered Cabin color palette (#E9F1EB, #ABC8E2, #5B87C8, #00697E, #212956)
- Blush Cabin color palette (#E7F3FF, #C0C5FF, #C680A2, #007177, #25375A)
- Ancient Navy color palette (#CCE6E3, #009CB3, #00618F, #1F3189, #312761)
- Tempered Ash Delta color palette (#F1F7F1, #DBDDEE, #8D96C4, #387A7E, #4F5067)
- Hushed Meadow color palette (#FCEAF3, #439BBC, #00488E, #003129, #11073A)
Browse the whole catalog at Explore, or see today's palette.