Timeworn Petrol color palette — #E1F3ED · #85C697 · #006A9F · #123952 · #031B14

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

The five colors

• Cream (#E1F3ED): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#85C697): A luminous, balanced teal — the color of sea glass.
• Peacock (#006A9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#123952): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#031B14): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Weathered Stone color palette (#E7F2E4, #A6C071, #00736A, #003F3A, #10190D)
• Patina Honey Alley color palette (#E4F0FC, #E4C480, #5E8DB5, #365A78, #0A1723)
• Softworn Jade color palette (#EEE1EF, #1BAC73, #004487, #001A3B, #060007)
• Wandering Drift color palette (#F8EAF3, #E79DA4, #5859A5, #2F2E5F, #20101A)
• Hushed Sand color palette (#FFEFFF, #FFC098, #426494, #0D274B, #080109)
• Aged Cobalt Bloom color palette (#FAF3F7, #E2D6D5, #DBB7B1, #7C79B1, #40383C)
• Worn Violet Boulevard color palette (#FAF2F8, #98B0FF, #995DD5, #4F66D3, #231319)
• Linen Bronze color palette (#E9F2E3, #00A788, #BB6900, #765D00, #1E2B11)

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