Timeworn Petrol color palette — #F1E5EC · #8DBAD3 · #2C6EAC · #004D3E · #10093F

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F1E5EC): bright and airy, almost weightless.
• Ash (#8DBAD3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2C6EAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#10093F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Tempered Cobalt color palette (#FAEEF4, #B0CCDE, #4E7CC1, #005C52, #1F1745)
• Petrol Parlor color palette (#E8F1EA, #82BBCE, #00719D, #004F50, #022F55)
• Tempered Nightshade Workshop color palette (#F6E8ED, #80A0BC, #374DAD, #003939, #100027)
• Hushed Cypress color palette (#F6F0F3, #D7D1E6, #809FC6, #227B6B, #2C354F)
• Ancient Delta color palette (#F2E4F1, #4F96A1, #004F72, #002D1B, #00001E)
• Worn Navy color palette (#EDE0E5, #597D98, #122C91, #001F1E, #020008)
• Plum Cabin color palette (#F9E8FF, #B43165, #007048, #005350, #1C0009)
• Washed Mulberry color palette (#E3DAF2, #AD6196, #007E60, #7C0062, #00170F)

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