Worn Petrol color palette — #FFF1F6 · #36ABAA · #2C6CAE · #704116 · #25414E

A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#36ABAA): A luminous, balanced teal — the color of glacier melt.
• Slate (#2C6CAE): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#704116): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#25414E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, muted, cool.

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

• Cobalt Garden color palette (#EBF9F0, #6DB3CE, #6F6FAE, #645929, #394A5A)
• Timeworn Jade color palette (#FFF0FA, #6EA874, #007882, #773543, #204446)
• Hushed Grape Terrace color palette (#E7F9FC, #009E8D, #714DA4, #6C3900, #3B3A0B)
• Quiet Turquoise Studio color palette (#EFF6D7, #22ADCC, #2272A2, #543965, #0B291D)
• Softworn Summit color palette (#F9F3F7, #BBE4F2, #1D99B9, #2C7154, #344A5E)
• Sky Atelier color palette (#DCFDFA, #00C5E8, #468EBB, #705783, #2A404D)
• Faded Boulevard color palette (#CBF0D1, #008CA3, #3600E8, #493400, #002D43)
• Wandering Pine Dune color palette (#ECF9F1, #A5B78D, #398554, #3C606B, #304842)

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