Timeworn Petrol color palette — #FFF1F5 · #AC8960 · #678966 · #00698A · #4A373D

Peacock and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Caramel (#AC8960): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#678966): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#00698A): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4A373D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Patina Driftwood color palette (#F8F3FC, #B67C95, #8D7F41, #006E6C, #44384C)
• Denim Terrace color palette (#EFF8EE, #9D7742, #507846, #035384, #3C2F3D)
• Wandering Denim Alley color palette (#EAFAF1, #989260, #458C8D, #555797, #304238)
• Muted Workshop color palette (#F8F1E3, #A69455, #29967F, #006A79, #292212)
• Dusty Denim Garden color palette (#EBFAEC, #CB9A8C, #86763D, #4F538B, #593F4A)
• Driftwood Quarry color palette (#FAF3F6, #D0D9DA, #9CA3AB, #A5755E, #594F55)
• Weathered Boulevard color palette (#FFF2EE, #FFA7A9, #7AC4CF, #81A48A, #483934)
• Timeworn Field color palette (#DAF6EB, #6C7900, #00725D, #2D398E, #042E23)

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