Petrol Grove color palette — #EEF6FC · #D6D8EA · #AEBBD2 · #00698B · #020E17
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF6FC): bright and airy, almost weightless.
- Silver (#D6D8EA): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#AEBBD2): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#00698B): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#020E17): 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
- Denim Courtyard color palette (#E7EFF7, #C8D0DF, #9CA4C7, #004E8D, #000309)
- Abyss Harbor color palette (#DCE3DF, #BDAEBD, #8F86B0, #004C5C, #000F06)
- Cerulean Orchard color palette (#E3EEF4, #BEBECA, #AFA1BA, #008EB0, #0D222D)
- Weathered Pier color palette (#F4F4FC, #E1D8E1, #D5BACB, #8665A8, #1C1C2D)
- Softworn Periwinkle color palette (#E4F2FF, #9CA7E7, #7B648A, #5F3500, #1E1A00)
- Softworn Chapel color palette (#DAFEF8, #6CB48F, #007060, #00444E, #000B04)
- Ultramarine Atelier color palette (#E3F0FF, #005AC0, #302527, #080F2C, #000105)
- Aubergine Station color palette (#DFE2E9, #B8B9C7, #928EA4, #372883, #000009)
Browse the whole catalog at Explore, or see today's palette.