Petrol Grove color palette — #E6F4FF · #80BCE0 · #C19074 · #247AA5 · #432636
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#80BCE0): A luminous, balanced blue — the color of open sky before noon.
- Camel (#C19074): A luminous, dusty gold — the color of old brass.
- Cerulean (#247AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Espresso (#432636): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Cypress Corridor color palette (#E6F5F8, #77C3BA, #C58895, #00837A, #3D2743)
- Muted Cobalt color palette (#EBF2FC, #9AB4E1, #AC9C5C, #4F71AD, #1A3827)
- Petrol Studio color palette (#ECF7FF, #7CBAD5, #84A56A, #007EA3, #2A564E)
- Amber Hollow color palette (#E7F4FF, #68A3CC, #B77E5A, #9A6E40, #162938)
- Antique Pier color palette (#E8FAF3, #9DD1BF, #E39E83, #1496D8, #534B47)
- Cerulean Atelier color palette (#E6F4FF, #D8D6E4, #CDB8D2, #6496A6, #2D3B4B)
- Washed Driftwood color palette (#EAF5ED, #A1C4B5, #688D74, #6B4E59, #1C312D)
- Powdered Azure color palette (#E8F3FF, #3F9EEF, #9B8000, #005E9E, #282000)
Browse the whole catalog at Explore, or see today's palette.