Timeworn Petrol color palette — #E5F2ED · #E0D3DE · #CAAFBB · #3D799A · #22322C

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

The five colors

• Cream (#E5F2ED): bright and airy, almost weightless.
• Silver (#E0D3DE): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#CAAFBB): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#3D799A): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#22322C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Veranda color palette (#E7F1ED, #D6C7D2, #B497A1, #005D7E, #23322B)
• Wandering Workshop color palette (#E7F0F7, #D3D1DF, #C2B2C7, #009ED9, #1F303C)
• Wandering Delta color palette (#FFF0F7, #F1D6DB, #D9B3B1, #7B60CF, #412B36)
• Ash Dune color palette (#FAF2F8, #E7D7D6, #CFBCB6, #7F8EB6, #4D454B)
• Powder Villa color palette (#D9F3FF, #A1A8E5, #917196, #4D6133, #393831)
• Hushed Studio color palette (#EBDDE5, #CCA9B4, #B18A8C, #474990, #1E0D19)
• Airy Corridor color palette (#CEE8DF, #0090D0, #A5315C, #474500, #222100)
• Hazy Mustard color palette (#EFE2D5, #C0A230, #697B1A, #44547D, #352602)

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