Timeworn Petrol color palette — #FAE9EF · #96B5D2 · #4664AE · #004E57 · #2C2750

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#FAE9EF): A whisper-light, dusty rose — the color of pressed rose petals.
• Ash (#96B5D2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4664AE): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2C2750): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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 Quarry color palette (#F5EBF2, #78BFC5, #007391, #00523B, #003052)
• Cobalt Coast color palette (#E7EAE2, #8DBFB1, #246CB9, #004762, #000F41)
• Aged Cobalt color palette (#E6F1F1, #AEC8E0, #4489D5, #00668A, #132C59)
• Ancient Denim color palette (#F5E3EC, #4E9ABA, #004B84, #00302F, #080741)
• Worn Garden color palette (#F6EDE3, #ABD9FF, #78A0FF, #008F9D, #2C284B)
• Weathered Cypress color palette (#FAF3F7, #D3E2F0, #72A1B6, #4A7B5C, #3E5668)
• Feathered Bronze Pier color palette (#CBE7CA, #AB7100, #0072A7, #644000, #002C45)
• Aged Alley color palette (#F7E8F3, #508C90, #004356, #002317, #000A17)

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