Timeworn Petrol color palette — #F8EAF3 · #7ABDD0 · #006FA3 · #005147 · #182D51

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

The five colors

• Blush (#F8EAF3): bright and airy, almost weightless.
• Cyan (#7ABDD0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005147): A deep, shadowed, dusty teal — the color of sea glass.
• Navy (#182D51): 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

• Washed Petrol Corridor color palette (#E8EADF, #72C0D7, #007698, #004A51, #001826)
• Washed Cobalt Station color palette (#FAF3F6, #A9CADF, #207CC8, #00605D, #2A3A58)
• Airy Ultramarine color palette (#EEDEE4, #7AA4C3, #1C4FB1, #003D42, #1C1547)
• Sky Boulevard color palette (#F6EDE0, #B3E0C5, #28B2ED, #00918F, #023053)
• Dusty Basin color palette (#F4E4F0, #26A1AA, #005268, #003122, #001528)
• Azure Meadow color palette (#FAF3F7, #D7DFF1, #6E9FC8, #357C75, #45536A)
• Linen Azure color palette (#D6FAF9, #6FD6D7, #27A0EC, #4D6903, #003F35)
• Softworn Parlor color palette (#E7DCE1, #3B89B2, #00397C, #002223, #06012A)

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