Petrol Harbor color palette — #F8EBE6 · #6EC1C7 · #007391 · #00523B · #09304D
A conversation between Teal and Mint Leaf, giving this palette its sense of trust and stability.
The five colors
- Cream (#F8EBE6): a clean, paper-quiet neutral.
- Mint Leaf (#6EC1C7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007391): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00523B): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Deep Teal (#09304D): 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
- Petrol Veranda color palette (#F2E6E2, #99BEA0, #00759E, #004E2C, #031335)
- Aged Corridor color palette (#F7EDE2, #8CB7DA, #4163B6, #004E57, #2C2653)
- Cerulean Dune color palette (#FDF3ED, #8ED1E1, #3E80A5, #006152, #483149)
- Chalky Denim Atelier color palette (#E8DDD6, #4FACCD, #005B95, #003E3B, #0F1A46)
- Worn Balcony color palette (#E7F2E9, #B3DAE9, #00B7DA, #00937E, #003248)
- Washed Pier color palette (#F3E4DC, #008FAD, #004064, #00231E, #000428)
- Dusty Aqua color palette (#F4F8D6, #3DD6CA, #4DABCD, #61600E, #2E312A)
- Patina Ash Lagoon color palette (#FCF3EF, #C2F3EB, #6EA1BB, #457B6B, #5B4D5C)
Browse the whole catalog at Explore, or see today's palette.