Timeworn Petrol color palette — #F2F4FF · #C1BBCE · #9C8897 · #4D7E89 · #435464

A conversation between Slate and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#F2F4FF): a clean, paper-quiet neutral.
• Ash (#C1BBCE): A luminous, dusty violet — the color of twilight just after sunset.
• Heather (#9C8897): A luminous, dusty pink — the color of neon signs at night.
• Slate (#4D7E89): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#435464): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Sophistication. Tagged vintage, retro, 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

• Tempered Stone color palette (#FFF0FB, #E9CEDC, #CBA3B1, #63877E, #36524F)
• Aged Summit color palette (#EFF8F1, #AAC9BD, #6C8B69, #5E6483, #3D534A)
• Cypress Loft color palette (#F9F3F7, #D5E0F3, #6AA1C1, #00816E, #3F546E)
• Dusty Bronze Station color palette (#EDEBFF, #D49EA6, #A76D41, #006579, #344177)
• Dusty Rust color palette (#FEF1FA, #D8A094, #58A4C3, #AE5442, #2C5268)
• Weathered Thicket color palette (#FFF0F7, #BC8C6F, #3299A6, #2C7EAC, #513B46)
• Bronze Quarry color palette (#FFEDE8, #DFBDAE, #AD917B, #7E6C20, #454200)
• Dusty Chestnut color palette (#FFDAE5, #BF8579, #7C6322, #274571, #34294B)

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