Petrol Grove color palette — #DBECED · #6BA3C3 · #6862A7 · #003E2A · #000D15
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#DBECED): bright and airy, almost weightless.
- Blue Fog (#6BA3C3): A luminous, dusty blue — the color of deep harbor water.
- Slate (#6862A7): A full-bodied, balanced violet — the color of wild irises.
- Forest (#003E2A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#000D15): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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
- Hushed Grape Harbor color palette (#DBEEFB, #6C8DD8, #844A9E, #00383D, #001124)
- Petrol Parlor color palette (#C7F4F8, #3B9EA6, #1467B1, #103B00, #000F0F)
- Cobalt Boulevard color palette (#CFEAF8, #76ADC8, #3189C8, #005156, #000F16)
- Aged Canyon color palette (#E5EAFB, #A58EC3, #B0527F, #003F58, #160D34)
- Patina Driftwood color palette (#E1ECF7, #AAABEB, #A96CA8, #00515F, #13223F)
- Hushed Iris color palette (#E1F4E4, #69B3E6, #8C7CFF, #007A54, #001319)
- Tempered Cypress color palette (#DEF2FF, #B6CDF8, #A589BD, #006C65, #1B3651)
- Midnight Denim Boulevard color palette (#DCE8F3, #006095, #51001F, #001F35, #040006)
Browse the whole catalog at Explore, or see today's palette.