Petrol Harbor color palette — #ECF2FC · #D9D3E1 · #BBBCDC · #4C67AF · #1F252F
Built around Slate, softened by Lavender — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#ECF2FC): bright and airy, almost weightless.
- Silver (#D9D3E1): A whisper-light, dusty violet — the color of wild irises.
- Lavender (#BBBCDC): A luminous, dusty violet — the color of wild irises.
- Slate (#4C67AF): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#1F252F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Harbor 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
- Ancient Byzantium Terrace color palette (#F1F1F8, #E3D1E0, #CBB6D7, #8B4AA6, #242330)
- Ancient Meadow color palette (#E5E9F2, #C8CAD9, #A39FBE, #484D8D, #101523)
- Worn Petrol Market color palette (#FAF2F9, #F2D3D2, #D3B3B5, #3A69B0, #463C45)
- Periwinkle Thicket color palette (#F0F6FD, #DED9E2, #BBB2AA, #6492DA, #2A3646)
- Timeworn Boulevard color palette (#F3F0F7, #DED4D8, #C1ADA8, #9F738C, #38343C)
- Tempered Onyx color palette (#E4DDE8, #958996, #815F77, #51002C, #020004)
- Softworn Villa color palette (#ECEDFF, #B993CD, #AA5383, #5C5300, #003A34)
- Hushed Pine color palette (#E4F7EE, #95B374, #227F37, #1F4F7A, #002720)
Browse the whole catalog at Explore, or see today's palette.