Petrol Harbor color palette — #E8F9F7 · #77C5D7 · #007A97 · #005559 · #00384D
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F9F7): bright and airy, almost weightless.
- Sky (#77C5D7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007A97): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005559): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#00384D): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Chalky Petrol color palette (#FFEBF9, #74CADD, #007BAC, #005346, #00183E)
- Cobalt Courtyard color palette (#E9F9F8, #8ABEE6, #0070C2, #00526C, #002E6F)
- Weathered Boulevard color palette (#DDEBE9, #68A9BE, #00607F, #003D44, #002235)
- Linen Alley color palette (#F5F8DE, #8AEAFF, #00BDE7, #00979C, #00384D)
- Powdered Boulevard color palette (#FFF2EB, #80DBED, #0098D1, #007462, #003169)
- Timeworn Navy color palette (#D8E6E5, #64859D, #004066, #00212B, #00091A)
- Hazy Hollow color palette (#E8E8FF, #7041F9, #B3006F, #005C71, #231751)
- Gentle Lapis Canyon color palette (#F4F4FF, #D4B8FF, #C98BD9, #4441D7, #3B255E)
Browse the whole catalog at Explore, or see today's palette.