Timeworn Petrol color palette — #E6F1F0 · #85BBCC · #007296 · #004E56 · #00324A

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

The five colors

• Cream (#E6F1F0): a clean, paper-quiet neutral.
• Ash (#85BBCC): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#00324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Petrol Hollow color palette (#F2E5ED, #94B9CE, #0072AB, #004C44, #000D43)
• Frosted Turquoise color palette (#EEF0E6, #A6DDEF, #00B4EA, #008F9D, #00324A)
• Hushed Cobalt color palette (#EBF8F8, #ACD3F9, #4A80C9, #006187, #293E6D)
• Tempered Cobalt Thicket color palette (#F9EBE4, #A8CFB9, #228ED2, #006D64, #162A5B)
• Wandering Abyss Garden color palette (#DEF2EE, #5C9BA2, #005360, #00302E, #00171F)
• Dusty Ridge color palette (#EEF7F6, #D5DCEE, #7B9EB8, #487589, #3E556A)
• Patina Amethyst Orchard color palette (#DCE1FC, #784BC6, #A71956, #005472, #23163D)
• Frosted Lilac color palette (#E8ECFF, #E2C0FA, #BC83BC, #565590, #39284B)

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