Petrol Harbor color palette — #E8F4EA · #7AC0BC · #008490 · #005C42 · #00242E
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#E8F4EA): bright and airy, almost weightless.
- Mint Leaf (#7AC0BC): A luminous, dusty teal — the color of shallow lagoons.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242E): 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
- Cobalt Pier color palette (#DBE5DD, #8FB8CF, #007DB4, #00595B, #001F41)
- Tempered Balcony color palette (#FBF4EA, #8CDDD8, #008A97, #00543C, #000F15)
- Spruce Basin color palette (#F4ECF5, #5BAFA9, #006276, #084105, #00213B)
- Softworn Azure color palette (#EBFAED, #81D8F9, #0096D9, #007275, #003265)
- Muted Pine color palette (#E8DBD8, #7DD1CC, #00A2C3, #2C812B, #00213C)
- Dusty Turquoise Balcony color palette (#ECF9EE, #B3E4F3, #00AEC6, #00856A, #00475D)
- Tempered Denim Balcony color palette (#D8E1DA, #7097BA, #2A55A1, #003948, #05002C)
- Gentle Grape color palette (#DDEFE0, #966C00, #00787F, #8B009D, #1A1000)
Browse the whole catalog at Explore, or see today's palette.