Petrol Harbor color palette — #EFE8DC · #82BFC9 · #007794 · #004C44 · #001827
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE8DC): bright and airy, almost weightless.
- Ash (#82BFC9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C44): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001827): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Gentle Corridor color palette (#EEE8E0, #8ABADC, #206ABF, #004957, #091039)
- Washed Market color palette (#F5F1EB, #9BD1E2, #1D86B5, #005B5B, #002720)
- Airy Petrol Loft color palette (#F5EBF3, #60C2CF, #00719E, #005333, #1A2C53)
- Ancient Lagoon color palette (#F5F1EB, #C3E8E3, #65A6C3, #2B7974, #1F3D35)
- Weathered Harbor color palette (#F5ECDE, #479996, #00535C, #002D1F, #000508)
- Aged Summit color palette (#FCF3EF, #A5F5FF, #009ED9, #006E44, #081B45)
- Timeworn Ridge color palette (#EAF2DB, #80DDD0, #2FACC9, #336820, #0D1A00)
- Gentle Field color palette (#E9EDDC, #5B9200, #006A1C, #003C25, #00180F)
Browse the whole catalog at Explore, or see today's palette.