Timeworn Petrol color palette — #F6EAF3 · #81BDC6 · #007297 · #005140 · #0A2F52

Built around Teal, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Blush (#F6EAF3): bright and airy, almost weightless.
• Ash (#81BDC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007297): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#0A2F52): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Dusty Petrol Courtyard color palette (#E9EAE2, #82BFC8, #00788D, #004B4B, #001922)
• Ancient Harbor color palette (#FDF1F8, #9FCCE4, #3E7FAA, #006156, #253A60)
• Tempered Denim color palette (#EEDEE6, #63A9C9, #00589F, #003E3D, #13184A)
• Hushed Lilac Market color palette (#E4F6FF, #93C7F4, #A198DB, #006D5A, #13394D)
• Muted Lagoon Pier color palette (#D0E5DA, #00A49C, #006C72, #00445A, #002C4C)
• Lagoon Bloom color palette (#F9EBF4, #519E9B, #005360, #003219, #001623)
• Sky Basin color palette (#F9EBE5, #A1DFE9, #01B3EC, #009476, #102F4E)
• Washed Cypress color palette (#FAF3F8, #D5E0F0, #799EBA, #407B6E, #455467)

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