Petrol Grove color palette — #EAF3FE · #DAD3E5 · #BFBBD8 · #486AA6 · #1D2631
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF3FE): a clean, paper-quiet neutral.
- Silver (#DAD3E5): A whisper-light, dusty violet — the color of a velvet chair.
- Ash (#BFBBD8): A luminous, dusty violet — the color of wild irises.
- Slate (#486AA6): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#1D2631): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Dusty Denim Terrace color palette (#E5E9F1, #C7C9E0, #A5A0B3, #435089, #0F1623)
- Hushed Balcony color palette (#F9F3F9, #E9D5D3, #CEB5B7, #3969B3, #4B394A)
- Timeworn Bloom color palette (#F3F0F8, #DFD4D8, #B9ABA6, #877D98, #37353C)
- Patina Mulberry Lantern color palette (#F2F0FD, #DECBEA, #D09C98, #823885, #1B1728)
- Dusty Villa color palette (#DFEDFF, #C299E6, #A25F79, #255752, #003531)
- Aubergine Veranda color palette (#ECEBF7, #A59AB2, #89738A, #4C1D5E, #04030F)
- Timeworn Archive color palette (#EBF2FF, #5E6FFF, #8D4400, #3A3C00, #001E16)
- Charred Amethyst Summit color palette (#DEE2F0, #7820F8, #3D1A3C, #0B0E23, #010309)
Browse the whole catalog at Explore, or see today's palette.