Timeworn Petrol color palette — #F9EBE3 · #7CC6C6 · #00738A · #004027 · #000307

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9EBE3): a clean, paper-quiet neutral.
• Mint Leaf (#7CC6C6): A luminous, dusty teal — the color of glacier melt.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004027): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hushed Cobalt Boulevard color palette (#FAEBE1, #86C0DB, #0069B8, #003E3D, #010014)
• Dusty Cobalt Orchard color palette (#FFF2EC, #9CD7E5, #0084B8, #005346, #000B24)
• Aged Cerulean color palette (#D5E4E0, #76BFBF, #0094A0, #006E63, #00171D)
• Timeworn Delta color palette (#EEEEDC, #189D9E, #00545A, #002C27, #000507)
• Washed Grove color palette (#EDF3FF, #D4C6FE, #E777B4, #006079, #04001B)
• Chalky Lapis Atelier color palette (#ECEDFF, #5D52C5, #894100, #474600, #010009)
• Pine Lantern color palette (#FBF3EF, #BBEAF4, #51B4D7, #008261, #0D314D)
• Navy Corridor color palette (#C0ECF6, #0090CC, #005897, #0D006D, #07001A)

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