Petrol Harbor color palette — #E6F0F8 · #C9D9ED · #AFB7CA · #2479A8 · #252F37

Cerulean and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E6F0F8): bright and airy, almost weightless.
• Powder Blue (#C9D9ED): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#AFB7CA): A luminous, dusty violet — the color of wild irises.
• Cerulean (#2479A8): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#252F37): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Aged Denim color palette (#DBE2EB, #BAC4DC, #9EA2C1, #3D609A, #17202C)
• Ancient Azure color palette (#E6F1ED, #E1D1D5, #CDB4B4, #059EDA, #1D332B)
• Hushed Boulevard color palette (#F2F5FF, #DCDAFA, #D6B0CF, #7D61C9, #2E3242)
• Softworn Ash color palette (#F1F5FD, #DDD8E2, #C7BCCA, #818EB5, #434851)
• Worn Lilac color palette (#DBEDFF, #A09BE4, #9275A0, #75542C, #363607)
• Hazy Garden color palette (#D3E3F6, #0887EF, #A03174, #563E00, #002620)
• Aged Aubergine Grove color palette (#E2E1EF, #A7A1B3, #8E8095, #5A306C, #090713)
• Muted Olive Courtyard color palette (#D6EBD8, #B3A65A, #6C7A10, #255D6E, #0A311F)

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