Timeworn Petrol color palette — #FBF4EA · #BCE8D9 · #6C8CB7 · #096E81 · #563F51

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Mint (#BCE8D9): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6C8CB7): A luminous, dusty blue — the color of open sky before noon.
• Teal (#096E81): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#563F51): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Cypress Villa color palette (#F7F1EB, #C7E4DA, #738DBF, #006B74, #3E2133)
• Weathered Cerulean color palette (#FAF4EB, #ABEAE8, #2A9AA9, #237158, #324F41)
• Wandering Terrace color palette (#FBF2F5, #D6DEFC, #87A5DA, #3C878E, #3B4667)
• Gentle Summit color palette (#FBF4EA, #96D7FF, #2082D9, #006472, #2D3E68)
• Dusty Workshop color palette (#F5EEE1, #428BA5, #004162, #002224, #00091B)
• Muted Turquoise color palette (#F1E7D7, #31B1C3, #00617A, #003F38, #002236)
• Dusty Amber Lantern color palette (#FFF3E5, #B97905, #008D8A, #7A598D, #3C3731)
• Amber Cabin color palette (#FFF3E7, #D38E45, #4691C4, #8C581D, #204C3F)

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