Petrol Grove color palette — #ECF8F7 · #BFE2F7 · #5A92AE · #006F7C · #2C4B63
A conversation between Teal and Storm Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Powder Blue (#BFE2F7): A whisper-light, dusty blue — the color of open sky before noon.
- Storm Blue (#5A92AE): A luminous, dusty blue — the color of open sky before noon.
- Teal (#006F7C): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#2C4B63): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Cypress Terrace color palette (#F7EFF4, #C9E0EE, #6293BD, #006D66, #1B2C48)
- Tempered Thicket color palette (#EBF8F8, #AAC9E4, #427CB4, #005B78, #253B5B)
- Worn Denim color palette (#D8EAE9, #6396B5, #004E7A, #002E3A, #00142C)
- Muted Powder Ridge color palette (#F4F6EF, #C0E8E6, #6CCAF8, #41A8B8, #2E4F45)
- Lagoon Loft color palette (#FBF4EF, #C6E4E3, #74ABD8, #158D83, #593D55)
- Mulberry Study color palette (#F7F2FF, #C689B2, #4390CA, #91467C, #204663)
- Driftwood Thicket color palette (#FBF1FF, #F2D2DD, #D7B2CD, #867499, #504253)
- Peony Delta color palette (#FAF1FF, #C36689, #AA6A25, #695D9E, #41304A)
Browse the whole catalog at Explore, or see today's palette.