Timeworn Petrol Loft color palette — #F1F6FB · #DAD7E6 · #B7B9D9 · #126FAC · #35414D

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#DAD7E6): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B7B9D9): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#126FAC): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#35414D): 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 Loft 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

• Petrol Workshop color palette (#F6EFF6, #EAD0D6, #CEB7C7, #366DAA, #2D202E)
• Patina Pier color palette (#E9EFF6, #C5CCDE, #9F9DB6, #17539D, #272E37)
• Worn Driftwood color palette (#F5F4FB, #E1D8DD, #B6ABA2, #937698, #535159)
• Patina Basin color palette (#DADFEA, #B7B7C7, #A6809D, #363987, #1A1F2B)
• Grape Dune color palette (#F4F4FF, #D8CDE8, #CD959E, #7A30A3, #313047)
• Antique Quarry color palette (#DCEEFF, #A5A5EB, #9C5E8D, #4B6038, #1D4C37)
• Periwinkle Study color palette (#EDF8F5, #F0DBDF, #E0BEBF, #5EAAF2, #2A463F)
• Eclipse Lapis color palette (#DBE6FF, #4E51DC, #371E45, #0E172D, #060711)

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