Timeworn Petrol color palette — #E7FBF1 · #EDD0FD · #CB9188 · #2E7AA7 · #443A51

A conversation between Slate and Camel, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E7FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Thistle (#EDD0FD): A whisper-light, dusty violet — the color of a velvet chair.
• Camel (#CB9188): A luminous, dusty orange — the color of toasted spice.
• Slate (#2E7AA7): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#443A51): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Cobalt Delta color palette (#ECFAEB, #FFCED6, #B79E71, #686BAA, #4C3846)
• Softworn Balcony color palette (#E7FAF7, #C6DFFF, #BE92B4, #008386, #373E55)
• Aged Summit color palette (#FEF4E4, #FBBCCB, #E69878, #529C87, #59413A)
• Aged Stone Pier color palette (#F2F5FF, #E6D6E1, #D5B8C8, #8892AB, #485066)
• Patina Blush Orchard color palette (#E7F7EA, #DD93A5, #9F6953, #2A5B5F, #352634)
• Timeworn Stone Workshop color palette (#FBF2FA, #E09895, #624E54, #342533, #110E14)
• Straw Lantern color palette (#FAF1FE, #E2D7E0, #EAD279, #ADB2A8, #573C4E)
• Amber Boulevard color palette (#E0FEEC, #FF98D4, #C36D00, #005A9D, #45151D)

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