Petrol Grove color palette — #D7E7F0 · #4863AD · #4C2850 · #1A1E00 · #00130C
Built around Slate, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Frost (#D7E7F0): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#4863AD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Royal Purple (#4C2850): A deep, shadowed, balanced pink — the color of neon signs at night.
- Ink (#1A1E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#00130C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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
- Ancient Hollow color palette (#DFE8F4, #6F5292, #61193E, #002523, #00130F)
- Worn Navy Chapel color palette (#C8EFE9, #006E8C, #2B3876, #2D1700, #0F0A00)
- Hushed Aubergine Basin color palette (#C8E9E8, #587C9B, #613C72, #243916, #061300)
- Timeworn Ridge color palette (#F0E0E7, #3C8AB0, #003B77, #002223, #05002C)
- Hushed Lagoon color palette (#D7E7FB, #7A82BC, #7F598D, #663D00, #110F00)
- Shadow Byzantium Boulevard color palette (#F5EAFF, #8B32B8, #420058, #271108, #11001C)
- Washed Plum color palette (#E4E2EF, #A25B8A, #742C28, #003733, #001E27)
- Twilit Grape Orchard color palette (#E3E6FF, #6700BC, #3B4300, #2B0055, #050700)
Browse the whole catalog at Explore, or see today's palette.