Petrol Harbor color palette — #F5F3FF · #E6D3EF · #BC9576 · #5E659B · #4E3252
A conversation between Slate and Charcoal, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#F5F3FF): a clean, paper-quiet neutral.
- Thistle (#E6D3EF): A whisper-light, dusty pink — the color of neon signs at night.
- Camel (#BC9576): A luminous, dusty gold — the color of old brass.
- Slate (#5E659B): A full-bodied, balanced violet — the color of wild irises.
- Charcoal (#4E3252): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Sophistication. Tagged vintage, 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
- Muted Bronze Market color palette (#FFDEDB, #C49E82, #887229, #654860, #533039)
- Muted Petrol color palette (#F3F4FF, #C7C9EA, #AB96B6, #007482, #2F3957)
- Weathered Station color palette (#F9F2FF, #F6D1D8, #8BB6A1, #837C9E, #4F4965)
- Pewter Terrace color palette (#FFEFFF, #C2E2C0, #80AFA3, #7E566D, #3F314E)
- Muted Aubergine color palette (#FFD6F8, #C79194, #976F40, #4B317C, #2C0629)
- Weathered Studio color palette (#FFF0E8, #E3BF9A, #B2A17B, #59919D, #275249)
- Timeworn Grape color palette (#FFF1F2, #F1B19B, #AE9826, #843C96, #59001B)
- Softworn Cabin color palette (#F9D9D8, #976E7D, #245B22, #46001E, #080001)
Browse the whole catalog at Explore, or see today's palette.