Timeworn Petrol color palette — #F0F6FA · #D8D8E4 · #AEB2C8 · #006F87 · #303D43

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8D8E4): bright and airy, almost weightless.
• Ash (#AEB2C8): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006F87): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#303D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Studio color palette (#ECF4F0, #CAD9DC, #C4B0C0, #2E6D86, #18231E)
• Wandering Driftwood Corridor color palette (#F2F5FB, #DFD9E1, #BAA9A2, #7082A5, #4F535A)
• Tempered Abyss Courtyard color palette (#DAE3EA, #B1B9C8, #888AB0, #004C64, #12212B)
• Hushed Canyon color palette (#F3F4FE, #E6D4E3, #CBB2CE, #7452B7, #3D3F4C)
• Hushed Atelier color palette (#ECF9F2, #83A682, #007363, #264F6B, #153D39)
• Ultramarine Cabin color palette (#EFF6FF, #CED1E8, #AE9EC4, #184ACA, #263347)
• Ancient Summit color palette (#C9F7FC, #7FA9C3, #806B9D, #47613A, #22534B)
• Antique Aubergine color palette (#EDEEF6, #CFC9D7, #B296B0, #624483, #2C2C39)

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