Timeworn Petrol color palette — #EEF7FB · #D4D9E6 · #A3B6C7 · #306D7F · #2F3D44

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Silver (#D4D9E6): a clean, paper-quiet neutral.
• Ash (#A3B6C7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#306D7F): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#2F3D44): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Denim color palette (#EFF6FF, #C5D3F1, #9AA5CB, #38569E, #253349)
• Aged Cerulean color palette (#EFF7F2, #CCDDDE, #D2BBC2, #2E8EA3, #333E37)
• Driftwood Studio color palette (#D2E3F6, #9BABD4, #7775A0, #604C6C, #4C3C4D)
• Weathered Abyss Drift color palette (#DEEBF4, #A9BBCC, #7D90A6, #004B66, #10212D)
• Tempered Onyx color palette (#E5E8F3, #9598AF, #6E6D8A, #2A2057, #060813)
• Cypress Coast color palette (#E7FAF7, #6EAB81, #1C7453, #2D5157, #1E3B3A)
• Azure Veranda color palette (#ECF7FF, #00D2F8, #15B1F4, #5379BD, #14314B)
• Velvet Petrol color palette (#CEE2F5, #0067A5, #122641, #09151F, #030409)

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