Timeworn Petrol color palette — #E7F4FC · #D3D5E5 · #B6BFD4 · #007792 · #112834

Teal and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7F4FC): bright and airy, almost weightless.
• Silver (#D3D5E5): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B6BFD4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#112834): 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

• Weathered Balcony color palette (#EFF6FB, #D5D9E9, #A6BFDA, #007598, #2A4353)
• Weathered Station color palette (#E3EAEF, #C2CCDA, #9CA3BB, #005D7D, #0A1820)
• Timeworn Driftwood Atelier color palette (#F0F1F9, #DBD4DB, #BAABAB, #7A7FA7, #34363D)
• Cobalt Delta color palette (#CFE2F7, #006CC0, #202747, #011124, #000408)
• Hushed Cypress color palette (#DAFBEF, #83B68D, #007D69, #00556A, #02290E)
• Worn Powder Coast color palette (#CEEFF9, #8EB4E9, #9070A2, #4F542C, #2D3000)
• Aubergine Grove color palette (#DEDEE6, #908A9A, #756479, #3E005E, #010106)
• Linen Mulberry color palette (#E5F4FF, #008FBE, #9A2959, #4E3200, #1E1700)

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