Petrol Grove color palette — #F8E9F4 · #7EBDCC · #296E9E · #00523C · #1E285C
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
- Ash (#7EBDCC): A luminous, dusty blue — the color of open sky before noon.
- Slate (#296E9E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#1E285C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Tempered Lagoon color palette (#FBF2F7, #A7CBE0, #467BB6, #006152, #35365A)
- Tempered Petrol Quarry color palette (#EDE8E0, #9BBDA7, #00759C, #004B48, #00172B)
- Denim Boulevard color palette (#F7E5EC, #78A5C0, #3052A0, #003E3B, #221246)
- Lagoon Bloom color palette (#F2E6F2, #4B9EA2, #00516B, #003214, #001330)
- Wandering Cypress Atelier color palette (#FAF3F7, #D6E0F2, #799DC0, #437B6A, #46526D)
- Plum Veranda color palette (#EAD9E3, #A34084, #006F57, #005257, #360D2A)
- Misty Terrace color palette (#F5ECE8, #A1DFEC, #2AAEFB, #06956B, #1F2B52)
- Muted Navy Balcony color palette (#ECDCE3, #4889A7, #04387D, #00231E, #0A0028)
Browse the whole catalog at Explore, or see today's palette.