Worn Petrol color palette — #F8F5EE · #CBE5E8 · #809AC5 · #007B96 · #624A5B

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#CBE5E8): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#809AC5): A luminous, dusty violet — the color of wild irises.
• Teal (#007B96): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#624A5B): A full-bodied, 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 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

• Dusty Field color palette (#F8F5EF, #C9E7E3, #6FA1B8, #2A7D77, #2B5348)
• Washed Powder Lantern color palette (#FBF3F5, #DBDEED, #9EAFE5, #4E9494, #4E5069)
• Muted Cypress Meadow color palette (#EFF8ED, #7EBEB8, #C8828A, #00847E, #694137)
• Petrol Ridge color palette (#F4EEE4, #84BBCB, #00719B, #00504E, #003054)
• Wandering Atelier color palette (#FBF4E9, #9CDAE3, #008DAE, #00685C, #004565)
• Muted Denim Pier color palette (#EDE6DA, #79A4C4, #0055A8, #003C48, #0F174D)
• Ancient Bronze Archive color palette (#E9FBE9, #4FA8A9, #9E79AE, #9B6C17, #354836)
• Washed Terrace color palette (#F8EEDF, #77997C, #005363, #003128, #001622)

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