Timeworn Petrol color palette — #E9EADE · #80BFCD · #007793 · #004B4E · #001924

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E9EADE): bright and airy, almost weightless.
• Ash (#80BFCD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007793): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Pier color palette (#E7EBE0, #91B8DD, #326BB3, #004763, #020F3F)
• Cobalt Study color palette (#F1F3E9, #ADD1BF, #2585B3, #005967, #00233A)
• Worn Terrace color palette (#E3E7D8, #6DA4C6, #005C94, #003747, #000A1D)
• Hushed Ash Corridor color palette (#F1F3EB, #C4E2E0, #75A4BA, #52755B, #1B3E33)
• Weathered Orchard color palette (#EAEBDF, #399A9E, #00535C, #002C28, #000508)
• Faded Forest Chapel color palette (#E5FAD3, #75D6CA, #2CACB5, #00683D, #001E19)
• Cypress Thicket color palette (#D8E6CA, #007E5E, #00678D, #574D00, #000F08)
• Linen Pier color palette (#E4EFE0, #469C42, #006932, #004328, #001B11)

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