Timeworn Petrol color palette — #F7F1EB · #C9E3DB · #788CBE · #006B78 · #401F32

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

The five colors

• Cream (#F7F1EB): bright and airy, almost weightless.
• Silver (#C9E3DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#788CBE): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006B78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#401F32): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, 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

• Dusty Station color palette (#F3F7EE, #B9E8DB, #538CD2, #196A8E, #573E54)
• Softworn Cypress color palette (#F8F0EC, #CFE2D2, #3D9ABA, #006F52, #0E2E48)
• Cobalt Boulevard color palette (#FCEFE4, #ACD6F5, #5981CD, #006169, #221854)
• Patina Peony color palette (#E7F7E9, #60B3B7, #C46B9D, #007377, #40152F)
• Lagoon Alley color palette (#E8DBD5, #47999A, #005263, #002D1B, #00050B)
• Tempered Lagoon color palette (#FAF3F5, #D7DCF6, #88A3E3, #008A99, #3F4662)
• Lagoon Study color palette (#E8EDC9, #6FB696, #009281, #006063, #002E39)
• Hushed Petrol color palette (#FEEEE7, #6ACCDB, #007CA5, #005342, #001A37)

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