Timeworn Petrol color palette — #F8ECE3 · #93BCAA · #2C6AAC · #00504F · #222955

Slate takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F8ECE3): a clean, paper-quiet neutral.
• Sage (#93BCAA): A luminous, dusty teal — the color of glacier melt.
• Slate (#2C6AAC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#222955): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Cobalt Lagoon color palette (#FCF3EB, #A5D0C2, #5F78A9, #005E67, #373559)
• Antique Petrol color palette (#DEEDEB, #96B8D0, #0072A8, #004958, #00172D)
• Tempered Teal color palette (#E7DCD6, #5CAFAB, #006272, #004123, #002234)
• Tempered Chapel color palette (#F9EAF1, #ABDBF3, #57A8FF, #009190, #222956)
• Cypress Pier color palette (#FEF2ED, #C6E6CC, #5793AC, #127358, #1F5247)
• Soft Boulevard color palette (#E8DEBA, #848400, #8349B4, #4C4C00, #35174E)
• Dusty Alley color palette (#FAF4EE, #C8EAEC, #AA8EA9, #3F797D, #614B59)
• Navy Meadow color palette (#F7ECDF, #6184A5, #1E2E8C, #002127, #0C0026)

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