Timeworn Petrol color palette — #EEF7FA · #D3DAED · #AEBECE · #007885 · #32434A

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

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D3DAED): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#AEBECE): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007885): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#32434A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Delta color palette (#ECF3F6, #D3D6E3, #B1BFDE, #007A80, #17282D)
• Lagoon Courtyard color palette (#F1F7F1, #CFDDDE, #E1BDC1, #0099A0, #324535)
• Driftwood Harbor color palette (#F2F5FC, #DCD8DE, #B7A8A5, #7D7DA7, #4F525B)
• Denim Bloom color palette (#DEE9F3, #B0BAC7, #848EA6, #004970, #11212E)
• Weathered Bloom color palette (#D6F0FF, #86ABD4, #766F9B, #814628, #5E3E00)
• Petrol Atelier color palette (#D6EDFF, #00719F, #182A4A, #031A2A, #030712)
• Airy Pine Canyon color palette (#E1FDF3, #88B07F, #007E4D, #005E5A, #25431E)
• Tempered Meadow color palette (#F0F5FF, #CDD1E5, #A5A3C2, #3F46C1, #27324A)

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