Timeworn Petrol color palette — #ECF4F2 · #DBD1CC · #CCB5AD · #52789F · #222F2C

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

The five colors

• Ivory (#ECF4F2): a clean, paper-quiet neutral.
• Oat (#DBD1CC): bright and airy, almost weightless.
• Stone (#CCB5AD): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#52789F): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#222F2C): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Pewter Workshop color palette (#FBEEF2, #E1D3CC, #E0B4A4, #7958A1, #311E26)
• Pewter Dune color palette (#F9F3F9, #E3D7D8, #CDBAB9, #856A85, #4C454C)
• Patina Periwinkle color palette (#F1F6FB, #DBD9E1, #CDC0C1, #7F9FD0, #3B4045)
• Patina Archive color palette (#D4FDEB, #D0AEC1, #A6768D, #5C6217, #34352E)
• Olive Orchard color palette (#FAF0E7, #C3B189, #627F4C, #704850, #2E2615)
• Aubergine Meadow color palette (#EEE7E9, #DAC6C4, #BE9B8A, #6B4080, #1D1315)
• Ultramarine Study color palette (#F7EFF5, #E6CCD4, #CF98B4, #3746CA, #241420)
• Worn Navy Delta color palette (#E2DDE2, #AD9AA2, #946E89, #002D7F, #0A010A)

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