Worn Petrol color palette — #FAEEF7 · #9FB3DF · #BF9267 · #5870A7 · #35302B

Slate takes the lead with Camel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FAEEF7): a clean, paper-quiet neutral.
• Sky (#9FB3DF): A luminous, dusty violet — the color of a velvet chair.
• Camel (#BF9267): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5870A7): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged muted.

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

• Worn Pewter color palette (#FDEDF1, #C1A7D3, #99A365, #84609C, #33312A)
• Timeworn Ridge color palette (#E8F6EC, #72C1D2, #C68E65, #048092, #36302B)
• Timeworn Cobalt color palette (#FAF2FA, #92B2DD, #B9905D, #3372C3, #514C46)
• Timeworn Periwinkle Workshop color palette (#FFEAFD, #809CD0, #A58952, #8F743E, #30222F)
• Worn Azure Drift color palette (#EDF6FF, #A3C9EC, #CAAE6C, #3D92D6, #5B4B24)
• Denim Harbor color palette (#FAEEF5, #C4C79B, #5A5D86, #3D2A37, #1B1017)
• Worn Driftwood color palette (#E5F6F1, #E6D3CA, #B2C4B6, #6F8C77, #41313D)
• Bronze Atelier color palette (#FBEFE8, #CCB7A0, #AF724A, #724D45, #312B1D)

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