Timeworn Petrol color palette — #B3EFE0 · #70BCB9 · #007A89 · #3E456D · #201338

Teal takes the lead with Mint Leaf close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#B3EFE0): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#70BCB9): A luminous, dusty teal — the color of glacier melt.
• Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3E456D): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Indigo (#201338): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Muted Petrol Basin color palette (#D0F3F9, #67B4D4, #3D72A0, #4A375B, #270927)
• Hushed Mint Meadow color palette (#C9ECC8, #6DC194, #008776, #1B4561, #230B22)
• Hushed Turquoise color palette (#D8F9FF, #00BBD1, #006D7D, #00282F, #000102)
• Aged Veranda color palette (#C0EADE, #00A89B, #007773, #004344, #000E10)
• Ancient Byzantium color palette (#DCF6E0, #00A5AF, #9832FE, #00595E, #0C001E)
• Dusty Lagoon color palette (#E4F5E5, #349486, #175B67, #411B3F, #27020E)
• Antique Teal color palette (#D6E5CC, #56BAA4, #4E94B1, #8B5455, #471116)
• Washed Archive color palette (#D7EAE3, #5F7AA5, #3E428D, #3C0B2E, #0D0003)

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