Petrol Grove color palette — #E2F2F1 · #91B7D0 · #076FA2 · #004D5D · #003053
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E2F2F1): a clean, paper-quiet neutral.
- Ash (#91B7D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#076FA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#003053): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Aged Study color palette (#F2E5EB, #8BBBD3, #366DA8, #004B4B, #0C0C3E)
- Patina Cobalt color palette (#ECF8F8, #AAC9E4, #497CB0, #005B78, #253B5C)
- Patina Cypress color palette (#D1E4DF, #6DACA9, #006469, #003F35, #00242A)
- Azure Orchard color palette (#EDF0E6, #9FDDFB, #21B0F8, #008DA6, #0E304B)
- Ash Veranda color palette (#EEF7F7, #D7DBEC, #769EC0, #4B758C, #435468)
- Hushed Basin color palette (#D4E4E4, #5F84A8, #00397C, #002030, #00012E)
- Faded Olive color palette (#DAF1E9, #5A7700, #006D69, #743D00, #192400)
- Dusty Jade color palette (#D7FBF2, #A5D4A4, #53B98A, #586321, #273F1C)
Browse the whole catalog at Explore, or see today's palette.