Timeworn Petrol Drift color palette — #F9F4EE · #C7E9EB · #7D9CC0 · #3B7985 · #5F4B5B

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Frost (#C7E9EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7D9CC0): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3B7985): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5F4B5B): 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 Timeworn Petrol Drift 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

• Weathered Orchard color palette (#F9F4EE, #CBE4E2, #6EA1BD, #5A785A, #2C534A)
• Wandering Cypress color palette (#F6F1EC, #C9E2E4, #889BC8, #007B77, #482C3A)
• Timeworn Alley color palette (#FAF3F6, #DADEED, #9AB1E1, #3D9791, #4B516D)
• Dusty Olive color palette (#F7F6E8, #A9B786, #9E8DC8, #6A7B32, #614350)
• Worn Denim Lantern color palette (#EFE7DA, #6DA7C5, #035B95, #003D44, #071C45)
• Worn Orchard color palette (#F6EDDF, #97BCA1, #007392, #005049, #00314C)
• Aged Cerulean Boulevard color palette (#FBF4E9, #96DDDF, #008FA5, #006855, #00465E)
• Taupe Harbor color palette (#F8F7DD, #89A26A, #648EB5, #9E636D, #494400)

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