Petrol Grove color palette — #F1F3E8 · #84C7DA · #007DA0 · #005157 · #001D2C
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3E8): bright and airy, almost weightless.
- Sky (#84C7DA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005157): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Cobalt Hollow color palette (#EFF4E4, #97C0E5, #0A71CF, #004D69, #00124A)
- Lagoon Terrace color palette (#F3F3E7, #BCD9B9, #00959A, #006454, #002B30)
- Periwinkle Harbor color palette (#D3FDEC, #B6DAFF, #80A3FF, #006A82, #001E31)
- Chalky Cerulean Lantern color palette (#E4FBF8, #75DBF7, #009AC5, #007179, #003850)
- Muted Denim color palette (#EBEFE0, #6EA5BB, #006084, #003840, #000C18)
- Weathered Grape color palette (#DAEDF5, #007E9C, #6B1BF2, #006339, #001118)
- Antique Cabin color palette (#E0E5D6, #548474, #003E69, #001E28, #000105)
- Quiet Byzantium Atelier color palette (#C8EBDA, #0093BE, #AE20C0, #00546E, #28002E)
Browse the whole catalog at Explore, or see today's palette.