Petrol Harbor color palette — #EAF4F3 · #BBE3FC · #5A95B6 · #006A7A · #182E41

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Powder Blue (#BBE3FC): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#5A95B6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#182E41): 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

• Wandering Denim Cabin color palette (#DAEDEC, #4692C0, #004C7E, #002A37, #000410)
• Weathered Ridge color palette (#E5F6F5, #A3CDF0, #497EBB, #115672, #0C203C)
• Teal Villa color palette (#D3E2DE, #2AB1B0, #00646B, #003A32, #000D11)
• Timeworn Lagoon color palette (#FAF4EB, #C1E6D4, #5591BB, #007076, #563E56)
• Washed Lilac Basin color palette (#EDF1FF, #A196EE, #00A29D, #635A99, #002D36)
• Lilac Villa color palette (#EFF1FF, #9E74DA, #B66173, #347295, #1B1C2F)
• Ancient Powder Dune color palette (#FCF2F7, #D7D4E0, #8DC0F0, #4F8F8A, #344054)
• Feathered Periwinkle color palette (#DAE4FF, #93A3FF, #726FC4, #524984, #312749)

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