Petrol Hollow color palette — #EDF7FE · #D9D8E4 · #B8BAD2 · #00749A · #2F4350
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF7FE): bright and airy, almost weightless.
- Silver (#D9D8E4): a clean, paper-quiet neutral.
- Ash (#B8BAD2): A luminous, dusty violet — the color of wild irises.
- Teal (#00749A): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#2F4350): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Hollow 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 Petrol color palette (#E9F5F0, #EBD6DD, #D4B4CA, #0074A3, #182923)
- Dusty Balcony color palette (#E8EFF6, #C8CCD6, #9F9CB9, #005B87, #242F38)
- Ancient Station color palette (#F1F5FF, #E2D5E4, #C4B6CD, #5756D2, #39404F)
- Driftwood Study color palette (#F4F4FB, #DED8DC, #B5AAA1, #8C77A4, #51525B)
- Wandering Forest Thicket color palette (#B8EFF2, #88B4CC, #8079AC, #336236, #004C4E)
- Hushed Denim Harbor color palette (#E3FCF1, #80B18C, #007A71, #00548B, #124625)
- Weathered Turquoise color palette (#EFF8F3, #EFD4CD, #AFA797, #46B2DB, #37433D)
- Patina Navy Drift color palette (#E3E7EC, #B6B7C9, #9289A0, #0B389F, #16202E)
Browse the whole catalog at Explore, or see today's palette.