Petrol Harbor color palette — #F0E7D9 · #66B0B1 · #007384 · #004C3B · #001720
A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F0E7D9): A whisper-light, dusty gold — the color of old brass.
- Turquoise (#66B0B1): A luminous, dusty teal — the color of glacier melt.
- Teal (#007384): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001720): 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
- Patina Petrol Archive color palette (#F7EDDD, #72BFD0, #0080A8, #005A55, #002139)
- Tempered Petrol color palette (#E5F2E7, #71C7C9, #007485, #003F31, #000305)
- Softworn Denim Harbor color palette (#EAE2D6, #659AB4, #005C94, #003B40, #000720)
- Denim Grove color palette (#F0E2DE, #78997A, #00516A, #003213, #00132F)
- Cerulean Study color palette (#D2F5FD, #0095B0, #005C69, #002831, #000405)
- Pine Meadow color palette (#EDE5ED, #76BFBE, #0091B5, #00732A, #00142D)
- Softworn Brick Canyon color palette (#DBE7DD, #00888F, #C0002A, #004F54, #260003)
- Frosted Cerulean color palette (#FDF4E6, #82DBE8, #009BC1, #007368, #003753)
Browse the whole catalog at Explore, or see today's palette.