Timeworn Petrol color palette — #F1E5EC · #7EBED4 · #2D6EAA · #004D3D · #101033

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

The five colors

• Blush (#F1E5EC): bright and airy, almost weightless.
• Sky (#7EBED4): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2D6EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#101033): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Cobalt Coast color palette (#FAEEF4, #91D1F2, #557CB9, #005C53, #1F1B3B)
• Wandering Petrol Market color palette (#E6F1F0, #8DB8D0, #007297, #004E57, #00324B)
• Linen Denim Grove color palette (#F3E6EA, #58A4DA, #3C50A1, #003939, #100124)
• Ancient Coral color palette (#DFEAFF, #DEB1E8, #DD7572, #005F79, #191B32)
• Muted Cerulean color palette (#EEDFEB, #239BA5, #00506E, #002E17, #000314)
• Dusty Pier color palette (#F6EFF6, #B9E5F1, #4B99B4, #3A6B41, #1D2D3F)
• Softworn Loft color palette (#EDDAE1, #2D81AE, #143186, #001F1D, #020008)
• Misty Station color palette (#E2E2F3, #6F33F3, #5B6500, #1C5527, #0B0423)

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