Timeworn Petrol color palette — #EAFAEC · #3EA9AE · #3E6AA8 · #644800 · #244150

Built around Slate, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Ivory (#EAFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#3EA9AE): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#3E6AA8): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#644800): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Teal (#244150): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, muted, cool.

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

• Dusty Cocoa color palette (#FFF0F8, #54AA8E, #247391, #803200, #1B434D)
• Fern Thicket color palette (#E0FCF7, #659FC5, #6F5E99, #405700, #2C3E57)
• Worn Summit color palette (#EEF8F3, #8EBAB1, #4D8068, #336072, #254A44)
• Linen Chapel color palette (#EBF7FF, #2396B8, #904963, #723400, #3D3A00)
• Frosted Loft color palette (#BEF2E1, #008CA2, #323DB9, #413800, #002D42)
• Timeworn Cobalt Delta color palette (#EDF5E1, #5BA6CF, #2E6ABA, #5F345E, #082921)
• Tempered Cypress Harbor color palette (#FAF2F8, #C7E1ED, #4E93B6, #00735F, #304969)
• Dusty Mulberry color palette (#DBF5EE, #6D80CE, #813A7C, #004D2E, #292D4C)

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