Timeworn Petrol color palette — #F4F4FF · #C3A3D6 · #A68749 · #007689 · #2E4267

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#C3A3D6): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A68749): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007689): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2E4267): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged muted.

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

• Wandering Cypress Market color palette (#F9F3FA, #DD9DA8, #72986F, #00787C, #284463)
• Patina Pine color palette (#EFF6FF, #9BB1DD, #BE7575, #297A50, #2F4167)
• Muted Driftwood Bloom color palette (#F4F4FF, #D6CCE0, #BFA6B4, #688996, #3F4E5F)
• Misty Harbor color palette (#F6F3FF, #D170D3, #907400, #005E7B, #500753)
• Misty Bronze Field color palette (#FBEDF4, #CA8154, #8D6C00, #005872, #540425)
• Hushed Denim color palette (#FDF1FD, #D98C90, #4A9359, #52549E, #4D2948)
• Aged Blush Meadow color palette (#F7EFF8, #CF8192, #64525D, #3F3341, #232027)
• Patina Bronze Boulevard color palette (#FFF2ED, #C58384, #95651F, #4A5B22, #5C3639)

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