Worn Petrol color palette — #F1F7F2 · #DADDED · #819BBE · #0E7B95 · #46526E

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#DADDED): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#819BBE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#0E7B95): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#46526E): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Washed Periwinkle Lagoon color palette (#F7EFF2, #D9D0E3, #8799D6, #327877, #32344A)
• Powder Archive color palette (#F9F4EF, #C6DFEE, #9FAFE3, #4F9394, #634A54)
• Worn Delta color palette (#F0F8F1, #C0E4ED, #3999A5, #007454, #264D61)
• Weathered Petrol color palette (#E8F1EA, #81BCCD, #00719B, #00504E, #003054)
• Bronze Balcony color palette (#FFF1F5, #D0A1B0, #679FCD, #9F6300, #33506A)
• Abyss Meadow color palette (#DDEBDF, #559CA2, #005363, #003128, #001622)
• Gentle Denim color palette (#DFECE1, #72A5C9, #0055A8, #003C48, #0E174F)
• Softworn Pewter Field color palette (#EBFAEB, #B39161, #319B9C, #9060A2, #344935)

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