Timeworn Petrol color palette — #F4EBF2 · #8CB9CA · #007394 · #00523D · #042F53

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

The five colors

• Blush (#F4EBF2): bright and airy, almost weightless.
• Ash (#8CB9CA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#042F53): 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

• Aged Petrol color palette (#FAE9EF, #93B5D7, #4F63A6, #004E5A, #2F2552)
• Petrol Market color palette (#E9EADD, #99BEA0, #00788B, #004B49, #001922)
• Washed Cerulean Summit color palette (#E3F3F0, #94D0D8, #0096AE, #006C6A, #003442)
• Wandering Archive color palette (#FFF1F7, #98D8FB, #3980D5, #006668, #333875)
• Turquoise Courtyard color palette (#F7ECE7, #91E3ED, #00B4E9, #009473, #122F4C)
• Cypress Hollow color palette (#FAF3F8, #D5E0F1, #73A0B9, #3B7C6D, #41546B)
• Dusty Lagoon color palette (#ECD8E5, #44A09B, #005360, #003218, #001623)
• Dusty Denim color palette (#F3EEFF, #EAABB8, #CE9173, #625793, #392643)

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