Petrol Grove color palette — #F5EBF0 · #8EB7D2 · #296BAB · #00504E · #202957
Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F5EBF0): a clean, paper-quiet neutral.
- Ash (#8EB7D2): A luminous, dusty blue — the color of deep harbor water.
- Slate (#296BAB): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Navy (#202957): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Washed Quarry color palette (#FDF2F6, #A5CAE9, #5577B6, #005F66, #2F3959)
- Aged Drift color palette (#E8EBDE, #93BFAB, #0073A6, #004957, #00172B)
- Dusty Chapel color palette (#F0E4EC, #6CACA9, #006272, #004123, #002234)
- Tempered Periwinkle color palette (#F6ECE6, #B1DFCA, #55A8FF, #00918F, #222A52)
- Hushed Cypress color palette (#FBF2F6, #D9DEEF, #7F9BC2, #347B7E, #4A5267)
- Forest Studio color palette (#CCF7FB, #9DDAE1, #7A9DCC, #33632A, #003543)
- Teal Hollow color palette (#A6F9F4, #00ADA6, #00665D, #00332E, #001C1B)
- Plum Parlor color palette (#BEE7ED, #00937F, #AB3381, #005649, #480D34)
Browse the whole catalog at Explore, or see today's palette.