Worn Petrol color palette — #ECF7FC · #D6D8E5 · #ABB4C4 · #316E7A · #333C41

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

The five colors

• Ivory (#ECF7FC): a clean, paper-quiet neutral.
• Silver (#D6D8E5): a clean, paper-quiet neutral.
• Ash (#ABB4C4): A luminous, dusty violet — the color of a velvet chair.
• Teal (#316E7A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#333C41): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Cerulean Study color palette (#F0F7F2, #CDDDDF, #D0BCBD, #3B8D9B, #313E35)
• Washed Study color palette (#EFF6FF, #CAD2E9, #B59CC2, #2159A1, #283442)
• Muted Ash color palette (#BEE7F9, #86A4CE, #767897, #3F5D4C, #1B4644)
• Tempered Abyss color palette (#E2EAEF, #AABBCE, #838EAA, #004C61, #13212A)
• Tempered Cypress color palette (#E9FAF3, #7DA87A, #007459, #285163, #183C38)
• Antique Loft color palette (#DEE4F2, #9797AE, #766A8A, #21215C, #040817)
• Denim Orchard color palette (#FFE7EE, #0096AC, #42549B, #5B3700, #183346)
• Worn Mulberry Grove color palette (#E3F5FE, #00859C, #7B356E, #4A3700, #232902)

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