Worn Petrol Harbor color palette — #F4E4E9 · #92B8DA · #4E67AE · #004A53 · #170939

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

The five colors

• Rose Water (#F4E4E9): bright and airy, almost weightless.
• Sky (#92B8DA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4E67AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#170939): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Worn 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

• Weathered Summit color palette (#F0E6ED, #8CBCCD, #007697, #004D39, #00172C)
• Petrol Garden color palette (#E6F1F1, #95B5D5, #3469AB, #004B69, #182C56)
• Cornflower Archive color palette (#F4EDE7, #A5C8EA, #6380DA, #006A78, #2F2455)
• Antique Navy color palette (#F9E4EE, #5C92AC, #004A88, #002C2B, #02001C)
• Patina Boulevard color palette (#F7EFF4, #D0D4E8, #6CA7B5, #4C765C, #21394A)
• Patina Turquoise color palette (#9BF3FB, #00ADBE, #00626A, #002B2E, #00080A)
• Aqua Basin color palette (#C3EFF9, #74CEEB, #96A3DB, #266F4C, #00212E)
• Pale Brick Loft color palette (#CBEDF5, #00938A, #B03E49, #00524D, #2A0005)

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