Petrol Harbor color palette — #F0F6FA · #DADAE1 · #C4BCCB · #307F96 · #3C4A52
Built around Slate, softened by Charcoal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Silver (#DADAE1): a clean, paper-quiet neutral.
- Stone (#C4BCCB): A luminous, dusty violet — the color of wild irises.
- Slate (#307F96): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#3C4A52): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Softworn Petrol color palette (#EDF4F0, #CDDCDE, #CFBCC0, #347F9C, #272E2A)
- Cypress Meadow color palette (#EAF9F1, #90B9B3, #418173, #315F7C, #294945)
- Wandering Pier color palette (#DEFCFF, #96BCC6, #7087A5, #636A39, #265A60)
- Wandering Denim Terrace color palette (#EDF6FF, #CDD2E0, #A6A1C6, #006093, #19354C)
- Timeworn Abyss Market color palette (#D9E2E8, #A1AAB9, #7C7C97, #003D55, #001625)
- Ancient Lapis Ridge color palette (#F1F5FF, #DED6E0, #C4B5CF, #535ACA, #384051)
- Aged Petrol color palette (#E6FBF1, #55A89E, #4A69A1, #535100, #1D4252)
- Wandering Canyon color palette (#EDEDF4, #BDB5C5, #9B8798, #5C2381, #1D1C31)
Browse the whole catalog at Explore, or see today's palette.