Worn Petrol color palette — #F4F6F0 · #C8E4E7 · #75A598 · #297994 · #614962

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#C8E4E7): A whisper-light, dusty blue — the color of open sky before noon.
• Eucalyptus (#75A598): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#297994): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#614962): A full-bodied, dusty pink — the color of peonies in June.

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

• Worn Studio color palette (#F4F6EE, #C4E5DA, #6A8DB6, #006B90, #573E56)
• Ancient Boulevard color palette (#F5F6EF, #CBE2DE, #7BA48B, #2D7C7B, #2F5342)
• Hushed Harbor color palette (#FAF3F5, #DADEED, #92B3E6, #589195, #4A5267)
• Dusty Petrol color palette (#DEFEED, #86BBD6, #4289B1, #166A9F, #5E4561)
• Cobalt Chapel color palette (#EAF9F4, #90B5D4, #C181A8, #0078BB, #684142)
• Petrol Terrace color palette (#EEF0E5, #81BCC9, #00748E, #004F52, #003345)
• Dusty Lagoon color palette (#E7FAF4, #689EC8, #997BB2, #008A75, #284A40)
• Dusty Lagoon color palette (#EFEFDD, #509E9F, #00545B, #00302B, #00181D)

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