Petrol Harbor color palette — #EFE6EC · #79C2BF · #00788B · #004E2A · #001826

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#EFE6EC): a clean, paper-quiet neutral.
• Mint Leaf (#79C2BF): A luminous, dusty teal — the color of glacier melt.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Teal Meadow color palette (#E4F2EF, #5BC5C1, #00777C, #005145, #00353B)
• Antique Cerulean Corridor color palette (#F8EEF5, #9ED1E3, #0089AC, #005E44, #0A2237)
• Muted Coast color palette (#F3E5EB, #88BBD7, #1569C5, #004B4C, #0F1132)
• Softworn Harbor color palette (#EDDEE8, #6BA7B5, #005F87, #003A31, #000920)
• Weathered Terrace color palette (#F6F0F4, #D1D3EA, #6AA6BA, #397A5D, #24384A)
• Hushed Summit color palette (#F0E4ED, #0F8896, #004259, #002018, #000104)
• Soft Loft color palette (#FCE8F1, #3F93C1, #004597, #002B2D, #03001B)
• Antique Villa color palette (#E9E7FF, #AD45D1, #375800, #00524E, #0B0520)

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