Petrol Harbor color palette — #EFF2FA · #E2D2E7 · #C5B9D7 · #6261A9 · #1F2435
Slate takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#EFF2FA): a clean, paper-quiet neutral.
- Silver (#E2D2E7): A whisper-light, dusty pink — the color of a candy shop window.
- Ash (#C5B9D7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#6261A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Midnight (#1F2435): 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 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
- Tempered Denim Thicket color palette (#E6E8F3, #CCC9D9, #A99FB1, #59478A, #131520)
- Antique Petrol color palette (#FBF2F8, #E7D5D1, #D0B5B1, #5E62A8, #4C3945)
- Weathered Workshop color palette (#FBF2F6, #E6D7D6, #BBAFA4, #9384D3, #3F3037)
- Weathered Corridor color palette (#E5E5F9, #D0A0D0, #A85F65, #296251, #00382B)
- Onyx Dune color palette (#E4DEE5, #998793, #7D636B, #53001B, #030004)
- Byzantium Loft color palette (#E4E2FF, #9E00D0, #45162F, #100C22, #02030B)
- Patina Pine color palette (#E3F8EE, #84B878, #007E5C, #5B3F6A, #002723)
- Hazy Violet Orchard color palette (#EDF1FF, #7E61FF, #894700, #004523, #001E0F)
Browse the whole catalog at Explore, or see today's palette.