Timeworn Petrol color palette — #F5F1EA · #C5E5E6 · #7EA0C3 · #2C7783 · #432E40

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C5E5E6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7EA0C3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#2C7783): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#432E40): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Tempered Bloom color palette (#F5F1EA, #C7E3DD, #6CA6B7, #5C7350, #1C3E32)
• Dusty Cypress Studio color palette (#FAF3F6, #D9DEEF, #8499C4, #008078, #4A506F)
• Denim Ridge color palette (#E9E1D6, #70A4BE, #005C94, #00393E, #000823)
• Washed Hollow color palette (#EEE8DF, #7BC0CB, #007794, #004C44, #001827)
• Blush Parlor color palette (#FFEDEA, #CF8393, #7F9858, #547DA0, #37201C)
• Weathered Cerulean Boulevard color palette (#FBF0E0, #9ADEDF, #0093A7, #00644F, #002938)
• Aged Corridor color palette (#ECE5DA, #4A9996, #00535C, #002D1F, #000508)
• Weathered Navy Workshop color palette (#EAE0CF, #4C7DA7, #053485, #001E27, #01000B)

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