Petrol Grove color palette — #F1F5FC · #A5C1F4 · #9E6A89 · #4D6CA7 · #312B38
A conversation between Slate and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F5FC): bright and airy, almost weightless.
- Sky (#A5C1F4): A luminous, dusty violet — the color of twilight just after sunset.
- Mocha (#9E6A89): A full-bodied, dusty pink — the color of peonies in June.
- Slate (#4D6CA7): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#312B38): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged duotone, 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
- Aged Terrace color palette (#F4F4FC, #C9B6E3, #A4703F, #795E99, #39282F)
- Indigo Courtyard color palette (#F7EFF4, #DCB6CE, #9770AF, #6566BA, #1F1115)
- Iris Coast color palette (#F3F5FB, #CBCDF8, #B787C1, #8382D2, #2E2B3B)
- Ash Field color palette (#E5FBF5, #9DA2DA, #936786, #38644E, #44465A)
- Tempered Alley color palette (#EFF6FF, #BDB5E2, #9B72A0, #7A4260, #6F2A33)
- Tempered Driftwood color palette (#F3F5FC, #DED8DF, #B6A8A3, #7680A4, #50525B)
- Mallow Villa color palette (#F4F4FF, #DBD7EF, #D7B7F4, #C17D84, #484057)
- Aubergine Courtyard color palette (#F3F4FF, #A58BC7, #944124, #633192, #24111E)
Browse the whole catalog at Explore, or see today's palette.