Timeworn Petrol color palette — #EAF9F1 · #82B9CD · #C78769 · #007F9D · #524B47

Built around Cerulean, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAF9F1): a clean, paper-quiet neutral.
• Ash (#82B9CD): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#C78769): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#007F9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#524B47): a grounded near-black with real depth.

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 Amber color palette (#E9F6EC, #6FC2CD, #CD8B55, #00818D, #35302B)
• Ancient Cypress Garden color palette (#F0F8EB, #7CC0AC, #C78099, #00866E, #65433F)
• Aged Cobalt color palette (#FEF0FB, #A0AED9, #AA9855, #556CBD, #504D46)
• Aged Meadow color palette (#EBF7FF, #92CEE9, #E79B87, #2799C2, #5C4555)
• Tempered Workshop color palette (#E9FAF1, #ECD5D2, #AEA496, #539EA8, #3E534C)
• Softworn Olive Dune color palette (#E9FAF2, #5FA2C0, #AE7591, #7C7B0E, #2F493D)
• Aged Field color palette (#DEFEF3, #419BDD, #BC6400, #006198, #5A2D00)
• Hushed Orchard color palette (#FDF4E7, #C3B79E, #A17839, #795534, #564600)

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