Timeworn Petrol color palette — #ECF4F0 · #CED9DB · #CCBAC0 · #397E9D · #232F2A

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

The five colors

• Cream (#ECF4F0): a clean, paper-quiet neutral.
• Silver (#CED9DB): bright and airy, almost weightless.
• Stone (#CCBAC0): A luminous, dusty rose — the color of strawberry cream.
• Slate (#397E9D): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#232F2A): a grounded near-black with real depth.

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

• Ancient Archive color palette (#F0F6FA, #D9DAE2, #C1BCCC, #2E7F9A, #3B4A53)
• Weathered Indigo Drift color palette (#FAEEF5, #E8D0CF, #CFB8BF, #655FAB, #2F1F29)
• Lagoon Corridor color palette (#F0F4E5, #ABB999, #418372, #475B46, #232B18)
• Hushed Driftwood color palette (#F6EFF5, #DDD4D5, #B9ABA5, #947891, #3A3439)
• Wandering Abyss color palette (#D9E4E0, #AA99AB, #8A7387, #003A5B, #000604)
• Misty Iris Corridor color palette (#FAEDFC, #AAE2FF, #79BBF8, #7582D7, #112542)
• Cobalt Terrace color palette (#F5E9F5, #3775C6, #3D2A39, #1D111D, #030806)
• Wandering Workshop color palette (#FFE4FA, #CCA8BF, #997D87, #79564F, #571C01)

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