Worn Petrol color palette — #FAF4EE · #CAE7EB · #8899BF · #3B7983 · #654958

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Frost (#CAE7EB): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#8899BF): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#3B7983): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#654958): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, 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

• Patina Cerulean color palette (#F4F6F0, #C9E5E9, #96B4D9, #4390B5, #634860)
• Petrol Alley color palette (#E9F9F5, #8CB4DC, #B7915E, #4376A6, #514C46)
• Patina Petrol color palette (#ECF4F3, #D6D8EB, #839EC2, #397290, #253750)
• Cypress Courtyard color palette (#FBF3EF, #CBE8E1, #7EA38E, #4B7A63, #305248)
• Patina Driftwood color palette (#FEF0FF, #719BCA, #AE7E4E, #867444, #4C3C4E)
• Washed Bloom color palette (#FFF0FD, #AFCBF4, #6C87B5, #41507E, #2B3759)
• Cobalt Cabin color palette (#FBF4EF, #A3D1BC, #4C7BAE, #00605E, #4E2E46)
• Cerulean Orchard color palette (#F1E4DE, #439FA6, #005268, #003122, #001528)

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