Timeworn Petrol Loft color palette — #F5F0F6 · #E2D1D1 · #C8B0B3 · #426791 · #261D27

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

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Silver (#E2D1D1): bright and airy, almost weightless.
• Rosewood Mist (#C8B0B3): A luminous, dusty red — the color of late-summer berries.
• Slate (#426791): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#261D27): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Cobalt color palette (#F1F5FB, #DCD9E3, #C1B2AC, #668AC8, #272F3A)
• Washed Ridge color palette (#FBEEF3, #E5CDCE, #CD9F93, #6939B2, #26131C)
• Dusty Studio color palette (#F2E9F1, #BFAEB4, #AE7F82, #1A3E88, #120611)
• Worn Hollow color palette (#D6F4E2, #A09DCE, #9F6387, #4A580E, #242A10)
• Hushed Aubergine color palette (#ECEBD1, #0096C9, #704295, #2A4100, #240E24)
• Pine Summit color palette (#F9F0E7, #A6A36A, #3A752B, #603942, #241B00)
• Lapis Alley color palette (#FBEAF3, #614AC7, #3C181D, #170511, #000302)
• Feathered Mulberry Terrace color palette (#E2F3E5, #008C98, #9F003C, #003E30, #001912)

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