Timeworn Petrol color palette — #F5F1EB · #C5E5E9 · #809DCB · #2B768A · #41303C

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C5E5E9): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#809DCB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#2B768A): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#41303C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Muted Ash color palette (#FCF2F5, #DADEEE, #8997C6, #3C7A7A, #4F5163)
• Tempered Coral color palette (#ECF5EA, #79C3BC, #D57F8C, #16827B, #442922)
• Tempered Villa color palette (#EFE8DD, #78C0D3, #00759E, #004B49, #00172C)
• Denim Alley color palette (#E6DDCF, #71A3C5, #0057A7, #003842, #020131)
• Dusty Cerulean Archive color palette (#F5F1EB, #CAE5C6, #00A0AD, #056F50, #103423)
• Washed Grove color palette (#EFE8DD, #358787, #00444D, #002017, #000203)
• Dusty Lagoon Studio color palette (#E9F4D3, #72C4A9, #00A18B, #006563, #273E2C)
• Powder Lagoon color palette (#EAF6E9, #B5DEEC, #B9BDEB, #7F916E, #313E35)

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