Timeworn Petrol color palette — #EFF6FC · #D7D8EA · #ABB3C9 · #216D89 · #333C42

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D7D8EA): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#ABB3C9): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#216D89): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#333C42): 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 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

• Patina Corridor color palette (#F0F5FF, #CED1E7, #BD99BA, #42549B, #283347)
• Washed Cerulean color palette (#EFF7F3, #E5D7DB, #CFBBB9, #458AA4, #313E37)
• Hushed Ash color palette (#C4E8FD, #8B9EC9, #706C90, #306052, #26464A)
• Antique Denim color palette (#E1EBF4, #AEBACD, #888CA7, #004A6D, #15212A)
• Jade Grove color palette (#E8FAF5, #62AD84, #007369, #2E4F64, #1D3B3B)
• Navy Corridor color palette (#DBDEEC, #9A96B1, #786A82, #30195C, #070813)
• Moonless Ultramarine Bloom color palette (#D7E3F2, #005ACF, #20233D, #091422, #02040B)
• Wandering Mulberry Balcony color palette (#E6F4FF, #0080B4, #8D2A46, #493800, #142D0E)

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