Petrol Harbor color palette — #F8EAF4 · #7BBFC1 · #00748D · #005236 · #00314D
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Blush (#F8EAF4): a clean, paper-quiet neutral.
- Mint Leaf (#7BBFC1): A luminous, dusty teal — the color of glacier melt.
- Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005236): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#00314D): 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
- Frosted Cobalt Delta color palette (#FAE9F1, #69BDE2, #006AB8, #00504E, #212A52)
- Dusty Cobalt Cabin color palette (#FFF0F8, #93DAF6, #0084D8, #006762, #2E3D6B)
- Sunlit Balcony color palette (#FBEAE5, #ACCFAF, #0093BE, #007135, #122E52)
- Turquoise Terrace color palette (#F4EDE3, #C0DCC2, #00B8D3, #009478, #003345)
- Turquoise Grove color palette (#FAF2F8, #D5D6ED, #63A3BC, #45787B, #425567)
- Dusty Cerulean Villa color palette (#EFE1EB, #008FA8, #004160, #00231D, #00081F)
- Misty Nightshade color palette (#EFDEE3, #5597C3, #003AB0, #002F33, #130240)
- Patina Workshop color palette (#CAE7CC, #A67400, #4960C4, #614200, #182357)
Browse the whole catalog at Explore, or see today's palette.