Timeworn Petrol Loft color palette — #EFF7F4 · #DED4D2 · #CCB7B3 · #4E7A94 · #414A46

A conversation between Slate and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#DED4D2): bright and airy, almost weightless.
• Stone (#CCB7B3): A luminous, dusty orange — the color of autumn markets.
• Slate (#4E7A94): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414A46): a grounded near-black with real depth.

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

• Wandering Market color palette (#FBF2F6, #EBD5CE, #D2B4AE, #6B5BAC, #4A3B42)
• Cobalt Terrace color palette (#EDF2F7, #D6D6DE, #BEB9C7, #317BAF, #262D34)
• Washed Cerulean color palette (#F0F7F5, #DED4D2, #AEA293, #5C96C2, #3F4B47)
• Olive Bloom color palette (#EBFBE1, #98B8AB, #9A7F8C, #597030, #375746)
• Hushed Navy Terrace color palette (#DBE7E3, #B8A2AF, #95757C, #003A61, #031813)
• Worn Garden color palette (#FFF2EA, #C2AC88, #6D7A43, #734D5B, #583C00)
• Washed Cobalt Ridge color palette (#EEDFEB, #536CBA, #412B31, #271A24, #091313)
• Antique Aubergine color palette (#F5EBEF, #DAC7C7, #B39A92, #604487, #39282F)

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