Petrol Hollow color palette — #F0F6FD · #D9D7E6 · #ACB3C3 · #416693 · #313C47
Built around Slate, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FD): a clean, paper-quiet neutral.
- Silver (#D9D7E6): A whisper-light, dusty violet — the color of wild irises.
- Ash (#ACB3C3): A luminous, dusty violet — the color of a velvet chair.
- Slate (#416693): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#313C47): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Field color palette (#EDF2F7, #D7D4DE, #B5B5C6, #0067AE, #192129)
- Cobalt Veranda color palette (#EFF7F5, #E6D7D9, #D4BAB6, #3385CA, #2F3E3A)
- Worn Aubergine color palette (#F3F4FF, #D0D0E9, #A7A1C4, #6840A2, #2F3142)
- Driftwood Lantern color palette (#F4F4FC, #DDD7DD, #B5AAA7, #7F7E9D, #525258)
- Navy Pier color palette (#E1E5EB, #B3B9C6, #878DA2, #263F82, #18202C)
- Linen Iris Pier color palette (#F0F5FF, #9CC8FF, #8397F8, #8567B9, #293353)
- Antique Aubergine Pier color palette (#E4E3EC, #9B97A5, #756B82, #460053, #0A0715)
- Ancient Fern Workshop color palette (#E8FAF2, #93A178, #506D3B, #105652, #123E33)
Browse the whole catalog at Explore, or see today's palette.