Timeworn Petrol color palette — #EEF6FF · #89B4E0 · #C3896B · #4576A7 · #614253

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#89B4E0): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C3896B): A luminous, balanced orange — the color of toasted spice.
• Slate (#4576A7): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#614253): A full-bodied, dusty rose — the color of a warm blush.

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

• Wandering Cobalt color palette (#EFF6FF, #95B1DC, #AF9559, #4D73AC, #3A5441)
• Dusty Loft color palette (#E9F8FD, #7DBDBC, #C18789, #118382, #5D425E)
• Cobalt Basin color palette (#E9F5F2, #95B7DA, #C685A9, #2675BB, #4A2425)
• Cerulean Orchard color palette (#EEF6FE, #9BCAF1, #DC99C2, #4593CC, #544664)
• Driftwood Dune color palette (#EEF6FF, #6B9CCD, #B07D4D, #787432, #364452)
• Worn Pewter color palette (#E8FAF0, #9DC1B5, #678976, #4D654C, #354D4A)
• Pewter Study color palette (#F4F4FF, #B18DD3, #74965A, #775297, #344A22)
• Antique Stone color palette (#F2F5FC, #B9C79A, #505D7D, #2E384E, #25222E)

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