Petrol Harbor color palette — #F2E6DF · #4BB0CE · #006CA6 · #004B44 · #010942

Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F2E6DF): bright and airy, almost weightless.
• Cyan (#4BB0CE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#010942): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Archive color palette (#EDDDD4, #5AB2B1, #007287, #004D2D, #001624)
• Dusty Petrol color palette (#E6F2E8, #71C4E0, #006F9F, #003E3F, #000309)
• Worn Sapphire color palette (#F3E7DB, #78BAE4, #0C6AF0, #00585D, #1B1940)
• Antique Cerulean Drift color palette (#D4F0ED, #009EC5, #00516E, #002F35, #001625)
• Cobalt Harbor color palette (#F7ECE6, #97CFDD, #0090CE, #006D5F, #132D56)
• Azure Summit color palette (#FFF2EC, #98EBF5, #00AADC, #008667, #1D4265)
• Gentle Hollow color palette (#EFE2ED, #C12AB1, #005465, #00591C, #130011)
• Pale Raspberry color palette (#FFE4E3, #C23691, #00795A, #7C0058, #00140C)

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