Timeworn Petrol color palette — #EFF7F3 · #CCDDE0 · #CDB2CA · #007694 · #32453B

Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#CCDDE0): bright and airy, almost weightless.
• Rosewood Mist (#CDB2CA): A luminous, dusty pink — the color of a candy shop window.
• Teal (#007694): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#32453B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Weathered Cobalt Dune color palette (#F9F3F8, #E4D7D8, #D3BAB6, #5E72A8, #4E444C)
• Washed Hollow color palette (#F0F7F0, #CBDEDB, #9AC8B5, #007A78, #394338)
• Ancient Petrol Market color palette (#ECF4EE, #ECD6DE, #D6B4C5, #00788C, #1B2920)
• Softworn Denim Boulevard color palette (#E9F0ED, #D2C8D3, #B695AC, #005C81, #1F332B)
• Dusty Turquoise color palette (#EDF7FD, #D5D9E9, #B7ABB2, #34B3E1, #34424B)
• Hushed Market color palette (#CDFAE9, #8BA5E5, #836CA8, #784C26, #3E4A23)
• Muted Grape Bloom color palette (#FDF1F7, #E5CAD2, #C395BE, #5D3EB4, #402C36)
• Misty Meadow color palette (#F6F8DE, #62B885, #007B65, #005C65, #19442C)

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