Timeworn Petrol color palette — #ECF3F9 · #D8D5EA · #B6BEDC · #326FA6 · #1D262F

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

The five colors

• Ivory (#ECF3F9): a clean, paper-quiet neutral.
• Silver (#D8D5EA): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B6BEDC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#326FA6): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#1D262F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Dune color palette (#E4E9F0, #C4CBDD, #9EA1BD, #3A5582, #10161F)
• Hushed Petrol color palette (#EAF9F4, #EED9DC, #D2B2BE, #006FB1, #2C463F)
• Driftwood Loft color palette (#F2F0F9, #DDD4DA, #BAAAA9, #847E99, #36353C)
• Quiet Atelier color palette (#D2E0FF, #B2A1E5, #9A6591, #624C0F, #263003)
• Muted Courtyard color palette (#EEEEF7, #A09DB0, #81768D, #432363, #03030C)
• Washed Orchid Terrace color palette (#EBF2FF, #AADDFF, #8DA5FF, #A25BC0, #150E3F)
• Cornflower Boulevard color palette (#EAF3FF, #3978FF, #9A2269, #4E3300, #001E12)
• Hushed Lime color palette (#E4F8E9, #ACAF2D, #517900, #255267, #00281B)

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