Timeworn Petrol color palette — #E9FAF4 · #80B7DF · #AE9661 · #3B79A3 · #514C46

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Sky (#80B7DF): A luminous, balanced blue — the color of open sky before noon.
• Caramel (#AE9661): A luminous, dusty gold — the color of honey in a jar.
• Slate (#3B79A3): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#514C46): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Petrol Studio color palette (#EBFAEE, #74BEC8, #C68581, #00828E, #534B48)
• Cobalt Station color palette (#E9F3FE, #98B6D8, #B99562, #3B74B3, #1E3820)
• Antique Lagoon color palette (#FFF1F5, #BEA4CF, #9C9D5C, #86619C, #4F4D46)
• Patina Villa color palette (#FBF1FC, #A9C7EB, #D0AA78, #538FD4, #6B4300)
• Hushed Ridge color palette (#FFF0FD, #7D98CA, #A6834D, #757434, #4D3C4B)
• Worn Lagoon color palette (#FFF1F6, #A694CF, #399F74, #6E569B, #124E36)
• Hushed Driftwood Loft color palette (#FDF0FE, #E8D8D7, #DCBDAA, #7A997D, #584955)
• Weathered Cobalt Boulevard color palette (#FFF0FD, #B2C6F0, #6882B3, #3B4B79, #472B44)

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