Petrol Grove color palette — #E9EFF7 · #D1D7E9 · #B2B5D3 · #5471A7 · #262E3A
A conversation between Slate and Ash, giving this palette its sense of trust and stability.
The five colors
- Frost (#E9EFF7): a clean, paper-quiet neutral.
- Silver (#D1D7E9): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B2B5D3): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5471A7): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#262E3A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Aged Coast color palette (#DADEE8, #C0C2DB, #A6A1BA, #5953A6, #1B1F2A)
- Violet Boulevard color palette (#F5F4FF, #E3D8F7, #E0ADBE, #955EA7, #323043)
- Cornflower Meadow color palette (#F2ECF2, #DECFCF, #CEB2AB, #4F90F6, #362836)
- Worn Coast color palette (#F3F5FD, #DFD8E1, #CCBBC9, #9287B6, #46474F)
- Hushed Lilac color palette (#DBE2FE, #BC99E3, #9E738A, #40654F, #0D413A)
- Garnet Thicket color palette (#E1DCE9, #AD9EB4, #977C96, #672C57, #0C0613)
- Hazy Orchid color palette (#ECF1FF, #90CAFF, #919AFF, #AE5DB7, #291D44)
- Timeworn Pine Lantern color palette (#D7EAE0, #97B063, #468240, #355976, #003127)
Browse the whole catalog at Explore, or see today's palette.