Weathered Petrol color palette — #EEF7FB · #D7D8E3 · #ADB2C8 · #027083 · #2F3D43

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D7D8E3): bright and airy, almost weightless.
• Ash (#ADB2C8): A luminous, dusty violet — the color of a velvet chair.
• Teal (#027083): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#2F3D43): 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 Weathered Petrol 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

• Tempered Petrol Veranda color palette (#EDF4F0, #CCD9DA, #C3B0C1, #00708B, #18231E)
• Weathered Denim color palette (#EFF6FF, #CED1E6, #ABA0C0, #2257A9, #253447)
• Softworn Driftwood color palette (#F2F5FC, #DDD8DF, #B4AAA6, #7580A7, #4E535C)
• Softworn Abyss Thicket color palette (#D4E1E9, #AFBACB, #8B8CA1, #004C64, #142129)
• Weathered Ridge color palette (#D1EDED, #7FA6C8, #7A749A, #3A6352, #494A1C)
• Timeworn Alley color palette (#E9FAF1, #80A77C, #147361, #275068, #123D39)
• Aged Turquoise Villa color palette (#F1F7F3, #E9D8DE, #D9BBBB, #46AFC6, #313E36)
• Hushed Navy color palette (#E4EAF7, #9997A8, #7A6983, #241A66, #050816)

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