Petrol Harbor color palette — #E4F0E6 · #6CAFAD · #007480 · #004C38 · #00171F
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E4F0E6): a clean, paper-quiet neutral.
- Turquoise (#6CAFAD): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007480): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#00171F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Timeworn Petrol Station color palette (#E2F1E5, #75BFCC, #0081A3, #005A52, #002236)
- Wandering Villa color palette (#F4EDE2, #61CAC8, #007581, #00402E, #000305)
- Denim Parlor color palette (#DEE9E0, #509DBB, #005E8E, #003B3E, #00081C)
- Iris Delta color palette (#E1F4F6, #67BEDF, #5F8EF0, #006D61, #001E25)
- Ancient Lagoon Loft color palette (#D5E6DD, #009279, #006763, #003B3E, #00171D)
- Patina Harbor color palette (#F2E3DE, #64C2BE, #0092B0, #0C7316, #001529)
- Soft Cerulean Lagoon color palette (#E7FCEB, #78DDE7, #009CBC, #007464, #003850)
- Chalky Brick color palette (#CBECF6, #00898B, #C00030, #005051, #260004)
Browse the whole catalog at Explore, or see today's palette.