Petrol Grove color palette — #E2F2F1 · #8AB8D3 · #036EA9 · #004D60 · #002E58
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E2F2F1): a clean, paper-quiet neutral.
- Ash (#8AB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#036EA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#002E58): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. 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
- Hushed Ridge color palette (#E7F1EF, #91B9C3, #00777D, #005145, #00353C)
- Weathered Cobalt color palette (#EBF8F8, #B3C8DC, #457ABA, #005B7C, #243962)
- Muted Sapphire Harbor color palette (#F4E4EA, #93B9D4, #0068CC, #004B4C, #0F0E38)
- Ancient Iris color palette (#E1EFFF, #B9CEFF, #9297E4, #006A96, #172D51)
- Timeworn Denim color palette (#DBEDEA, #589AAD, #00516A, #002F34, #001623)
- Muted Pier color palette (#EFF7F7, #D7DBEC, #7F9CBB, #397790, #435469)
- Olive Dune color palette (#CDE1F1, #1D87C0, #258000, #004E74, #093300)
- Feathered Villa color palette (#CFECFF, #00769A, #6744AF, #005C3E, #002331)
Browse the whole catalog at Explore, or see today's palette.