Worn Petrol Harbor color palette — #EFF6FA · #D6D8E6 · #A9B3C9 · #006F87 · #2E3D45

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

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#D6D8E6): bright and airy, almost weightless.
• Ash (#A9B3C9): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006F87): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#2E3D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Antique Petrol Study color palette (#EAF5EF, #C8DADB, #A9BCB7, #356C83, #19231E)
• Pewter Market color palette (#BEE7F9, #93A9C3, #7F6796, #3D5F52, #274648)
• Weathered Summit color palette (#DFE8EE, #B1BAC5, #8B89B2, #004B65, #0E222D)
• Dusty Ultramarine color palette (#EFF6FF, #CCD1E7, #B99ABF, #2151B8, #283345)
• Aged Hollow color palette (#F3F5FE, #E4D4E4, #C8B2D7, #7256B1, #3C3F4D)
• Patina Market color palette (#ECF8F4, #7FA684, #00745F, #295064, #183C3A)
• Antique Turquoise color palette (#EFF8F3, #CDDDDF, #D0BAB5, #61ABC5, #2F3F36)
• Aubergine Boulevard color palette (#DDE0EB, #9897AD, #786988, #2A0B72, #050817)

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