Petrol Harbor color palette — #E4FBF7 · #6DC7D5 · #007B92 · #005656 · #00394A
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#6DC7D5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#00394A): 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
- Hushed Cobalt Summit color palette (#E6FAF9, #8BBFE1, #0072BA, #005269, #003266)
- Petrol Studio color palette (#FAEEF6, #65CDDD, #007CA6, #005342, #001A38)
- Denim Workshop color palette (#DEEFEC, #65AABC, #00617A, #003D41, #002332)
- Timeworn Turquoise color palette (#F5F7E3, #80ECFF, #00BEE2, #009799, #00394B)
- Wandering Cerulean color palette (#FFF2EC, #5CDFF4, #0099CC, #00755E, #013362)
- Abyss Study color palette (#D4E2E1, #4C88A7, #004063, #00212A, #000A18)
- Patina Plum color palette (#DADFEF, #4D5CE9, #AB008D, #005E67, #14175E)
- Hazy Lapis Market color palette (#F4F4FF, #D5BEFB, #C279DE, #4355D4, #372563)
Browse the whole catalog at Explore, or see today's palette.