Weathered Petrol color palette — #F5F1EB · #C7E3E5 · #7A9FC9 · #207786 · #452C41

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C7E3E5): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7A9FC9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#207786): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#452C41): A deep, shadowed, dusty pink — the color of a candy shop window.

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

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

• Cypress Drift color palette (#F5F1EB, #CAE0DC, #6BA6BC, #007C71, #1A3E33)
• Ash Drift color palette (#FAF3F6, #D9DEEF, #8199CA, #3A7B76, #4D5164)
• Timeworn Cerulean Grove color palette (#DCF9E1, #7DBDD0, #4293BF, #205F90, #462C46)
• Hushed Courtyard color palette (#F1EBE0, #71A4BF, #005B97, #00383F, #00062A)
• Antique Cobalt color palette (#E4F7F0, #8DC0AF, #C68E64, #0079B5, #36302B)
• Softworn Ash color palette (#E1F8F1, #EED6CE, #DDB69A, #669CB0, #4A3848)
• Tempered Balcony color palette (#F0E8DC, #9EBCA6, #007696, #004C45, #001828)
• Washed Pier color palette (#F8F1E6, #BAD9BC, #0092AA, #006451, #002939)

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