Petrol Harbor color palette — #F1F5FF · #B2B4F2 · #6A64A9 · #3B3B74 · #27264F
Built around Slate, softened by Navy — the whole palette hums with creativity and balance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#B2B4F2): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#6A64A9): A full-bodied, balanced violet — the color of a velvet chair.
- Navy (#3B3B74): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#27264F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged monochrome.
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
- Cobalt Villa color palette (#EEF6FF, #95C1F8, #4C7AB3, #004976, #043359)
- Nightshade Quarry color palette (#F1F5FF, #C8C9FC, #8D8CD9, #534DA5, #2A2655)
- Dusty Driftwood Ridge color palette (#F4F4FF, #D7BCE8, #9874A5, #5E4470, #393659)
- Wandering Aubergine Terrace color palette (#F4F4FE, #BFA1D1, #9C5D2E, #764990, #2F1E26)
- Cerulean Dune color palette (#F0F5FF, #DED8E2, #D4BDE1, #4D829E, #4A5068)
- Stone Station color palette (#F3F4FE, #9BB98B, #574873, #282B49, #1F1924)
- Hushed Honey Studio color palette (#CEE6DF, #FDB43A, #A1A8FF, #443E52, #282C37)
- Shadow Aubergine Coast color palette (#E2E0FF, #7158C8, #460088, #170033, #04000F)
Browse the whole catalog at Explore, or see today's palette.