Petrol Harbor color palette — #FFF2EE · #8393D4 · #6F5BA3 · #743846 · #4C3544
A conversation between Slate and Lavender Blue, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Lavender Blue (#8393D4): A luminous, balanced violet — the color of wild irises.
- Slate (#6F5BA3): A full-bodied, balanced violet — the color of wild irises.
- Oxblood (#743846): A full-bodied, balanced red — the color of a theater curtain.
- Charcoal (#4C3544): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Balance. Tagged retro, muted.
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
- Mulberry Workshop color palette (#FFF2EC, #AA83D2, #8F4D8D, #793822, #4E353C)
- Cobalt Grove color palette (#F4F6EF, #BAE8DB, #5F8CC8, #1C6A8F, #583D55)
- Muted Corridor color palette (#FEF0FB, #C2DFFF, #9DB6FF, #8875C0, #4A2F43)
- Tempered Petrol Garden color palette (#F2F8E4, #38A6C5, #0070AC, #5F3E6F, #284438)
- Wandering Sky Market color palette (#E0FDEE, #5CBAFC, #8F78BA, #696538, #313E50)
- Worn Azure Workshop color palette (#FAF2D3, #4CA6DB, #715DA0, #474A0A, #2C1D2B)
- Patina Lantern color palette (#F1DEEB, #5D63CA, #432937, #281A24, #13090C)
- Tempered Glacier Harbor color palette (#FCF5DC, #77D6F8, #AC98D5, #84864F, #4A344C)
Browse the whole catalog at Explore, or see today's palette.