Petrol Grove color palette — #D2E8EB · #4DA2BC · #216F9E · #50366E · #311338
A conversation between Slate and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Frost (#D2E8EB): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#4DA2BC): A luminous, balanced blue — the color of open sky before noon.
- Slate (#216F9E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Royal Purple (#50366E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#311338): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Balance. 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
- Worn Thicket color palette (#D5E2EC, #76A2DD, #5B67AB, #6C2B59, #401426)
- Linen Market color palette (#DAF6E1, #4BAA8E, #05827C, #22456D, #141B49)
- Worn Cerulean color palette (#CFEAEE, #0093AC, #006981, #003C52, #002131)
- Timeworn Oat color palette (#E3F5FF, #B9D3E7, #8A97A6, #69667C, #3F394B)
- Sunlit Cobalt color palette (#C7E7F1, #7DB4D5, #4486D0, #7A4F8E, #5C1F50)
- Soft Veranda color palette (#D6EDFF, #0DA6F9, #006096, #002F4C, #000913)
- Petrol Chapel color palette (#DDF9F6, #6EC9EB, #007CA9, #00505B, #001C2F)
- Cobalt Canyon color palette (#D8E4FF, #8073B3, #604470, #511C21, #2A0300)
Browse the whole catalog at Explore, or see today's palette.