Timeworn Petrol color palette — #FCF3EE · #C38772 · #007E90 · #793F4A · #5A3831

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

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Caramel (#C38772): A luminous, balanced orange — the color of autumn markets.
• Teal (#007E90): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#793F4A): A full-bodied, balanced red — the color of embers at dusk.
• Cocoa (#5A3831): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Cypress Delta color palette (#FFF2EF, #CC7E89, #008370, #5A4979, #5A3546)
• Cobalt Atelier color palette (#FAF4EC, #AE945E, #3574B0, #744727, #623600)
• Timeworn Taupe Orchard color palette (#E7F6EF, #A0A253, #17808A, #46486C, #381C31)
• Antique Mustard color palette (#F9F5E8, #B5B769, #519A9D, #676291, #59392F)
• Timeworn Meadow color palette (#FAF3F0, #CBE7E4, #709EC6, #387D66, #5E4C59)
• Cerulean Dune color palette (#F5F6EB, #B6C7AC, #428E9A, #7C5D58, #485042)
• Softworn Oat color palette (#EFF8F0, #E1C38C, #73B7BB, #987AA0, #5B3445)
• Chestnut Courtyard color palette (#FFF2EB, #CFC5AF, #8A9A79, #83625A, #78480C)

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