Timeworn Petrol color palette — #D3EFF1 · #00728B · #004B68 · #00273F · #110A2C

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

The five colors

• Frost (#D3EFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00728B): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004B68): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#00273F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#110A2C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged 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

• Navy Grove color palette (#C6EBDF, #008A8F, #005D79, #002D69, #08003D)
• Cypress Meadow color palette (#D1EFDD, #007D5C, #004941, #002A2A, #001518)
• Violet Drift color palette (#DCEFFF, #8EA1D7, #8962C9, #004D60, #02153A)
• Ancient Denim color palette (#D2E5F4, #006693, #713C00, #003048, #1C0A00)
• Twilit Sapphire Grove color palette (#D1E3F9, #0D6DCD, #003B6E, #001022, #000206)
• Worn Garnet color palette (#D9E5F0, #005180, #7A0037, #283600, #000813)
• Airy Nightshade color palette (#C5E6FD, #006CBF, #001DC1, #1C006F, #110039)
• Muted Studio color palette (#CCF2FB, #009BC8, #006B9C, #00427F, #182482)

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