Petrol Harbor color palette — #E9F4FA · #D2D5E4 · #B0C1D9 · #007793 · #142832

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F4FA): bright and airy, almost weightless.
• Silver (#D2D5E4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#B0C1D9): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#142832): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Workshop color palette (#E1EBF2, #C0CDDB, #98A4BB, #005D80, #0A1721)
• Ancient Petrol Canyon color palette (#F0F7F2, #E5D8DC, #D2B1C1, #00778B, #35443B)
• Muted Grove color palette (#EEF7FB, #D9DAE5, #BFB0AC, #00A3BC, #27383F)
• Hushed Nightshade Canyon color palette (#EFF1FA, #D1D2E6, #AEA5CB, #5A47A9, #131830)
• Twilit Station color palette (#E1EFFF, #006DBC, #20264A, #021121, #000409)
• Weathered Bloom color palette (#E0F2FF, #94AEE7, #876EA4, #6D485A, #342A00)
• Antique Chapel color palette (#D7FBF3, #7BB88F, #007E64, #00575E, #002912)
• Soft Mulberry color palette (#E6F4FF, #008DC6, #8E2789, #542E00, #001E0F)

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