Weathered Petrol Field color palette — #EEF7FB · #D3DAEC · #A8BFD7 · #007889 · #334249

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D3DAEC): A whisper-light, dusty violet — the color of wild irises.
• Ash (#A8BFD7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007889): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#334249): 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 Field 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

• Muted Workshop color palette (#ECF3F6, #D3D6E5, #B3BFDC, #007984, #102931)
• Tempered Cerulean color palette (#EFF8F1, #CBDEE0, #E0BEC1, #0098A5, #344438)
• Patina Harbor color palette (#F3F5FC, #DDD8DF, #B5A9A7, #807CA5, #50525B)
• Softworn Denim color palette (#DCE5ED, #AFBACA, #848DAA, #004875, #14212C)
• Velvet Petrol color palette (#D7E3ED, #0070A5, #18284F, #001A2E, #040813)
• Wandering Bloom color palette (#F1F5FF, #CED1E5, #A6A1C9, #494AAF, #293249)
• Hushed Villa color palette (#C3EEFF, #8AAFE2, #8279A1, #824F38, #5F4200)
• Worn Pine color palette (#E3FCF4, #7EB37C, #1E7B57, #005D5D, #264326)

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