Petrol Grove color palette — #DFEAEE · #ACB0CD · #9E92B2 · #00808F · #001720
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#DFEAEE): a clean, paper-quiet neutral.
- Mauve (#ACB0CD): A luminous, dusty violet — the color of wild irises.
- Blue Fog (#9E92B2): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#001720): 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
- Washed Petrol Delta color palette (#E1E8EF, #A49DB4, #938194, #0068A3, #000A16)
- Ancient Denim color palette (#E3F3E9, #A3BAB2, #A88AA8, #005D6F, #07180F)
- Patina Summit color palette (#E2E7F4, #CEB9CE, #BD9CAB, #7B74C4, #1A1E2E)
- Aged Study color palette (#E0EBE4, #90A59F, #8F7187, #003D49, #000602)
- Turquoise Meadow color palette (#EAF7FF, #D8D8F2, #C7B9D4, #00A9CE, #223640)
- Misty Brick Terrace color palette (#C9EBFB, #0091A5, #BA0D2C, #5D3C00, #0E0600)
- Ancient Corridor color palette (#F6DCC1, #009BA5, #554ED8, #653E00, #000D16)
- Feathered Azure color palette (#D1F8F1, #4097E4, #8369A0, #5C530E, #242000)
Browse the whole catalog at Explore, or see today's palette.