Timeworn Petrol Study color palette — #ECF3F8 · #D5D6E0 · #BABBCC · #3E7D9E · #262D32

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

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D5D6E0): a clean, paper-quiet neutral.
• Ash (#BABBCC): A luminous, dusty violet — the color of wild irises.
• Slate (#3E7D9E): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#262D32): quiet, heavy and certain.

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

Use it as a design system

One click turns Timeworn Petrol Study 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 Petrol color palette (#F0F7F4, #DED4D3, #CAB7B8, #2B7E9F, #3C4C44)
• Timeworn Indigo color palette (#EFF1F9, #DBD3E1, #BDBDD1, #6A5AB3, #212430)
• Wandering Pewter color palette (#E9F1FF, #A8AEC7, #7B7C9B, #6A536D, #3E2D3B)
• Softworn Lagoon Courtyard color palette (#E5F6F5, #8BC1AC, #3D8375, #395B65, #072D30)
• Navy Cabin color palette (#E5F0FA, #96A1AF, #6C7C98, #00395F, #00040D)
• Worn Iris color palette (#E9F3FF, #C9D9FD, #8BBCFF, #7B86D1, #122136)
• Ancient Parlor color palette (#FCECFF, #6F9FD8, #5B65A3, #64334F, #132339)
• Denim Market color palette (#E7E8F2, #CACAD8, #A4A1B4, #5F4585, #14151F)

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