Timeworn Petrol color palette — #ECF9EE · #71C7D2 · #007A96 · #00574C · #003751

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

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Aqua (#71C7D2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007A96): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#003751): 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

• Faded Cobalt color palette (#E9FAEC, #6DC3F1, #0071BF, #00545E, #0D2A76)
• Airy Summit color palette (#F9EEF7, #79CAD4, #007BAA, #005532, #00104E)
• Tempered Study color palette (#E7F1E9, #66ABB9, #00607D, #003E3A, #002238)
• Faded Turquoise color palette (#FDF4E5, #8AECF8, #00BDE6, #009988, #003751)
• Patina Azure color palette (#FFF2ED, #7CDCE9, #0098D2, #00764A, #0A2A76)
• Muted Basin color palette (#DEE8E0, #58889D, #004065, #002225, #00081E)
• Washed Olive color palette (#D1FFFF, #8AE2D4, #00B8D0, #447100, #004235)
• Muted Coast color palette (#C4FFE7, #00AC81, #006946, #003626, #001F11)

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