Timeworn Petrol color palette — #ECF4F3 · #D1D9E9 · #70A5BC · #007984 · #20394B

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#D1D9E9): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#70A5BC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007984): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#20394B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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 Cypress color palette (#DEEDE9, #84C0BE, #007A80, #004C41, #001A1E)
• Patina Bloom color palette (#FAF4F0, #CAE8E5, #66A0CA, #417B72, #5F4B5D)
• Worn Abyss color palette (#D3E2E0, #4D8098, #00405F, #001E25, #000104)
• Lagoon Studio color palette (#E1F7FA, #C8DCED, #B3B1D3, #5D977D, #254349)
• Weathered Pier color palette (#D0F8F3, #9AC5A3, #529E76, #006C50, #003E44)
• Softworn Bronze Villa color palette (#E1F7F8, #65AD94, #4F96BE, #827B30, #112C2E)
• Weathered Pine color palette (#E7F5F5, #8FC1A4, #C19166, #218559, #472433)
• Powdered Canyon color palette (#E5F6F5, #A8D6FA, #3086D7, #005E7C, #042251)

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