Petrol Grove color palette — #E8F5F4 · #C6E0F8 · #6D90B8 · #1F6684 · #182D48
Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E8F5F4): a clean, paper-quiet neutral.
- Powder Blue (#C6E0F8): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6D90B8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#1F6684): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#182D48): 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
- Timeworn Denim color palette (#E0EDEB, #6CA7B3, #006278, #00393B, #000D14)
- Wandering Cerulean Terrace color palette (#E8F5F2, #A4CFDE, #218B99, #005C55, #00252E)
- Cerulean Study color palette (#FAF4EE, #C1E6DA, #7089C0, #006F7B, #5D3C4F)
- Softworn Cerulean color palette (#DAF1EF, #3782A1, #00415E, #001E25, #000104)
- Cerulean Veranda color palette (#F4F6EF, #BFE5EA, #77A9E0, #0A86B0, #32486C)
- Tempered Petrol color palette (#DCEDED, #9AB6D4, #416BA9, #004665, #05103B)
- Wandering Loft color palette (#FFECF2, #96B596, #946C41, #674227, #142819)
- Antique Chestnut Courtyard color palette (#FFECF2, #C79A65, #4BA082, #8B5808, #003022)
Browse the whole catalog at Explore, or see today's palette.