Timeworn Petrol color palette — #E7F6F0 · #F1D7DA · #DAB3BD · #0172A7 · #132A23

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

The five colors

• Cream (#E7F6F0): a clean, paper-quiet neutral.
• Shell Pink (#F1D7DA): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#DAB3BD): A luminous, dusty red — the color of a theater curtain.
• Slate (#0172A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#132A23): A deep, shadowed, dusty teal — the color of glacier melt.

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 Cypress color palette (#EDF4EC, #C1DFDF, #D0B6CC, #007B77, #1C291B)
• Petrol Dune color palette (#FAEEF4, #E8D1CB, #DBB5AE, #6761A1, #2E2028)
• Patina Balcony color palette (#E2ECE9, #DCC3D0, #B79BA0, #2E5880, #0C1916)
• Hushed Cobalt Workshop color palette (#EDF6FF, #DBD7E8, #C8B9D2, #3C8DC9, #324250)
• Wandering Driftwood Parlor color palette (#F9EFF1, #DFD6CF, #B0B1A3, #9F7680, #3C3335)
• Cobalt Summit color palette (#DAFAEF, #008BD0, #824C00, #3F3A00, #1A1900)
• Weathered Mustard Terrace color palette (#FFEEE0, #C3A611, #537822, #56406E, #282000)
• Hazy Grape Boulevard color palette (#FDF2CE, #009FCC, #7541AE, #434000, #011B3D)

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