Petrol Hollow color palette — #ECF2FE · #DCD2E1 · #C2BBD1 · #5B64A9 · #202530
Built around Slate, softened by Ash — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#ECF2FE): bright and airy, almost weightless.
- Silver (#DCD2E1): A whisper-light, dusty violet — the color of wild irises.
- Ash (#C2BBD1): A luminous, dusty violet — the color of a velvet chair.
- Slate (#5B64A9): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#202530): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, 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
- Nightshade Boulevard color palette (#E6E9F0, #CBCAD7, #A8A0B0, #534890, #121520)
- Lapis Chapel color palette (#F2F5FD, #DDD6E5, #B7B9DA, #6156C5, #373F55)
- Patina Driftwood Lantern color palette (#F4F0F7, #DED4D6, #B8ACA5, #A27385, #39343D)
- Iris Archive color palette (#FAF2F7, #E7D7D7, #BDAFA5, #8784E5, #432D3A)
- Patina Alley color palette (#D2E0FF, #C49FCE, #B0697C, #005F46, #003324)
- Eclipse Byzantium color palette (#DCDDF9, #9026D5, #401A32, #0E0C23, #02030A)
- Ancient Aubergine color palette (#EAE7F4, #A79BAC, #8E7188, #5C0358, #05020D)
- Muted Violet color palette (#EDF1FF, #8566EC, #804E00, #313F00, #001D1A)
Browse the whole catalog at Explore, or see today's palette.