Timeworn Petrol color palette — #EEE6EC · #92BACC · #0074A0 · #004D3F · #001533

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

The five colors

• Blush (#EEE6EC): bright and airy, almost weightless.
• Ash (#92BACC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001533): A deep, shadowed, dusty blue — the color of open sky before noon.

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 Terrace color palette (#F9EEF5, #ADCDDF, #4981AE, #005C55, #101E42)
• Petrol Dune color palette (#E3F2F0, #74BFCD, #00748C, #004F51, #003344)
• Aged Denim Ridge color palette (#EADAE1, #76A3BC, #0E57A4, #00393A, #060030)
• Cerulean Dune color palette (#F5F6EB, #B7F1FC, #00A2C3, #00696C, #00222F)
• Muted Navy color palette (#E8DDE2, #4F8095, #003D6C, #001F1E, #00000C)
• Tempered Fern color palette (#D0F9F7, #8BCEC8, #61A2D0, #456100, #002327)
• Aged Jade color palette (#D6F9ED, #2BA77D, #006552, #002E20, #000905)
• Feathered Harbor color palette (#C4E6EC, #007D6D, #7338B4, #8F003E, #000E0B)

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