Petrol Harbor color palette — #F7EBE5 · #7BC6C7 · #00738A · #004028 · #000307

Teal takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EBE5): a clean, paper-quiet neutral.
• Mint Leaf (#7BC6C7): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004028): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Cobalt Station color palette (#FFF2EC, #9BD7E5, #0084B8, #005345, #000B24)
• Denim Pier color palette (#F6EBE3, #7AAAC0, #005697, #002B2A, #00000B)
• Airy Ultramarine Delta color palette (#F7ECE0, #8FC3B3, #2C5BD4, #003D43, #030011)
• Tempered Cerulean color palette (#DFF0EC, #64C2C2, #0094A0, #006E62, #00181C)
• Hushed Terrace color palette (#E6E6D1, #009D9E, #00545A, #002C27, #000507)
• Worn Azure color palette (#F0F3CB, #74E6D3, #1EAAD8, #535200, #000A04)
• Tempered Studio color palette (#EEE6C9, #808200, #3B6000, #00310F, #000302)
• Aged Courtyard color palette (#B8F6CA, #00AD71, #00602B, #001C08, #000201)

Browse the whole catalog at Explore, or see today's palette.