Timeworn Petrol color palette — #EFF6FA · #DADAE5 · #C5BCCF · #387F92 · #3F494F

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

The five colors

• Ivory (#EFF6FA): a clean, paper-quiet neutral.
• Silver (#DADAE5): a clean, paper-quiet neutral.
• Stone (#C5BCCF): A luminous, dusty violet — the color of a velvet chair.
• Slate (#387F92): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F494F): 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

• Timeworn Balcony color palette (#ECF4F0, #CCDBDD, #CBBBBE, #447D95, #272E2A)
• Tempered Sapphire Pier color palette (#F2F5FC, #E4D6E8, #C6B4D5, #5161B8, #39404C)
• Driftwood Corridor color palette (#CBF5FC, #98B8D5, #8C75A5, #3A6E64, #315359)
• Driftwood Canyon color palette (#E3F0F9, #9DAABF, #8875A2, #003D52, #08151E)
• Ancient Cobalt color palette (#D8E6F6, #2A74BB, #2C2F4F, #12202E, #0B0E13)
• Softworn Denim color palette (#ECEEF5, #CCCADB, #AD97B8, #4D4A91, #2A2E38)
• Washed Navy Grove color palette (#E3E7ED, #9698AC, #766A87, #001D74, #030916)
• Sapphire Canyon color palette (#E7FBED, #28ABB1, #555FB7, #5E4C00, #29404F)

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