Petrol Grove color palette — #F9EAF0 · #93B6D1 · #4965A6 · #00504C · #312256
Slate takes the lead with Deep Indigo close behind in a set that reads as creativity and calm at first glance.
The five colors
- Blush (#F9EAF0): bright and airy, almost weightless.
- Ash (#93B6D1): A luminous, dusty blue — the color of open sky before noon.
- Slate (#4965A6): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#312256): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Misty Sapphire Thicket color palette (#FFF0F7, #7CC2E4, #1566DC, #00574E, #33206E)
- Softworn Canyon color palette (#FCF2F5, #A7C9EA, #6773B2, #005F62, #363658)
- Airy Forest Orchard color palette (#F5EAF6, #7BBFBF, #007392, #00541E, #0B2E54)
- Dusty Petrol color palette (#EDE8E0, #94BEAE, #316DAD, #004A55, #050F3E)
- Cypress Atelier color palette (#FBF2F5, #DADEEE, #869ABD, #397B7A, #4D506C)
- Gentle Denim color palette (#F7E4EF, #4C9BB3, #004C82, #003126, #0D0541)
- Airy Meadow color palette (#F0D6E1, #CC7420, #006199, #6E3900, #002B48)
- Gentle Periwinkle Meadow color palette (#F8ECE2, #A2DCFF, #76A1FF, #00918A, #2F274C)
Browse the whole catalog at Explore, or see today's palette.