Petrol Grove color palette — #C4E7EB · #006788 · #003B5F · #001843 · #03001D
Peacock takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#C4E7EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006788): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003B5F): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001843): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#03001D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, muted, cool.
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
- Ancient Cypress Basin color palette (#E0F4EE, #006D6A, #00444D, #001A27, #000713)
- Hushed Navy color palette (#CCECEF, #008CB2, #006091, #00296A, #12003D)
- Ancient Cobalt color palette (#CEEBFA, #008CC3, #005280, #002A4F, #000105)
- Weathered Denim Archive color palette (#DEEEEA, #005E9E, #624200, #002B4D, #050200)
- Moonless Pier color palette (#CEE4EF, #005D99, #001DAC, #12004E, #070016)
- Eclipse Sapphire color palette (#D2E2FE, #2F6CD4, #002D81, #000243, #00000B)
- Gentle Coast color palette (#E1EFFF, #9A98EB, #A0598A, #004854, #020020)
- Weathered Navy Cabin color palette (#FDE4DD, #009170, #004BA4, #140917, #030003)
Browse the whole catalog at Explore, or see today's palette.