Petrol Harbor color palette — #F9EBE6 · #77BFC5 · #007299 · #00532D · #192D4F

Peacock and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EBE6): bright and airy, almost weightless.
• Mint Leaf (#77BFC5): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#00532D): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#192D4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Sapphire Corridor color palette (#F8ECE2, #8AB8D3, #3263BF, #00504A, #2E2454)
• Patina Aqua Alley color palette (#E3ECE4, #60C5CE, #00778F, #004C41, #001925)
• Worn Cobalt Quarry color palette (#FBF3F0, #AAD0B7, #287FB8, #006247, #2E385B)
• Turquoise Balcony color palette (#F6EBF3, #9DE1E6, #1DB5E0, #07956D, #003052)
• Frosted Summit color palette (#F5ECE2, #6794BA, #3035A8, #003031, #1D0137)
• Jade Hollow color palette (#C0F0CF, #25B378, #006844, #003021, #001910)
• Muted Garden color palette (#FAF4EF, #C4E5D8, #6288D4, #00716A, #583F4C)
• Soft Periwinkle color palette (#ECF0D1, #86E2D0, #629DDE, #6A5600, #28361C)

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