Petrol Harbor color palette — #E4F4ED · #B99FA8 · #A28589 · #006B96 · #020C08
Built around Peacock, softened by Heather — the whole palette hums with trust and stability.
The five colors
- Cream (#E4F4ED): a clean, paper-quiet neutral.
- Taupe (#B99FA8): A luminous, dusty rose — the color of strawberry cream.
- Heather (#A28589): A luminous, dusty red — the color of late-summer berries.
- Peacock (#006B96): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#020C08): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Ancient Denim Loft color palette (#EFE0E8, #B79996, #A67F73, #5B57A7, #10050C)
- Patina Cypress color palette (#DBE6DD, #89A8A7, #6B9094, #007179, #030C05)
- Abyss Pier color palette (#D9E2DE, #AF9FAD, #9E7A88, #004D64, #000D06)
- Washed Onyx Ridge color palette (#E4EFF7, #858E98, #586C88, #002D45, #000104)
- Indigo Orchard color palette (#E5DCE1, #D7B9B7, #BCA099, #7177C7, #281A23)
- Weathered Iris Villa color palette (#D2E3F5, #7979C5, #815B8D, #4B4640, #141100)
- Patina Lagoon Terrace color palette (#E9ECDD, #00A078, #007168, #005161, #030700)
- Muted Periwinkle Station color palette (#EDF8F5, #EAD4CF, #6EAADF, #ABA090, #31453F)
Browse the whole catalog at Explore, or see today's palette.