Petrol Grove color palette — #F4F6EE · #C3E5DA · #678DB7 · #006C8E · #573D56
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#C3E5DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate Blue (#678DB7): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006C8E): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#573D56): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, 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
- Cerulean Garden color palette (#F4F6EE, #C5E5D4, #4C93B7, #006F7D, #235244)
- Weathered Basin color palette (#F6F1EC, #B9E8D9, #6D8CCB, #006B75, #3B2332)
- Ancient Cobalt color palette (#FFF0FE, #F2D0D7, #BFB8EA, #4181B3, #584355)
- Hazy Denim Pier color palette (#C7F4DF, #73B4D8, #227EB8, #005E9D, #29466A)
- Muted Periwinkle Station color palette (#FBF3F5, #D7DDFB, #7EA4ED, #378890, #3E4662)
- Ultramarine Delta color palette (#FDF0FE, #7DA2D0, #BF6994, #0065BD, #603049)
- Dusty Cobalt color palette (#F4F7EC, #A3D5F8, #2A84CB, #00627D, #0B3F79)
- Muted Denim color palette (#E9EBDF, #6FA9B4, #006276, #003E3F, #002330)
Browse the whole catalog at Explore, or see today's palette.