Petrol Grove color palette — #ECF9EF · #6DC6DC · #00789F · #005652 · #003659
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Sky (#6DC6DC): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#00789F): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005652): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003659): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Drift color palette (#FAEDF6, #62CCE3, #0078B8, #00543D, #0B0A50)
- Muted Sapphire Harbor color palette (#EBFAEE, #94BCE2, #3067D1, #005367, #262277)
- Wandering Denim color palette (#E7EFE9, #74A8B9, #005E86, #003E3E, #00203F)
- Ancient Sky Chapel color palette (#FFF4E2, #90E9FF, #00BAF5, #009892, #003659)
- Weathered Coast color palette (#FFF2EB, #63DEF7, #0094E0, #007555, #212D62)
- Aged Basin color palette (#F0F7F1, #C4E1F5, #668EB4, #006F7A, #35476A)
- Worn Loft color palette (#E0EEE2, #5C86A1, #003D72, #002127, #01002F)
- Powdered Thicket color palette (#FBDCEC, #C01D8B, #6C6700, #005B76, #45002F)
Browse the whole catalog at Explore, or see today's palette.