Petrol Harbor color palette — #E4F8E8 · #66A4CC · #5E64A4 · #68381D · #132436
Slate and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#E4F8E8): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#66A4CC): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5E64A4): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#68381D): A deep, shadowed, dusty orange — the color of toasted spice.
- Midnight (#132436): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Sophistication. Tagged retro, muted, cool.
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 Teal color palette (#E1F9E6, #50AEA8, #34738F, #683245, #082731)
- Dusty Iris color palette (#E3F8E7, #9794D2, #855986, #534606, #1F2037)
- Antique Cerulean Villa color palette (#E7F3FF, #5293C9, #82507B, #623300, #032608)
- Petrol Delta color palette (#FDF5DF, #4BA8AB, #5A659E, #584F00, #234536)
- Washed Terracotta color palette (#FFF4E2, #7BB9E2, #787FC4, #9D470B, #4B334D)
- Dusty Alley color palette (#E5FCED, #84DCE6, #878BCA, #71632B, #1E3444)
- Cerulean Parlor color palette (#ECF4ED, #BFE2F9, #6093BE, #006B74, #1C2D43)
- Abyss Parlor color palette (#D8ECFF, #B3BFD4, #8787A5, #694D58, #244231)
Browse the whole catalog at Explore, or see today's palette.