Timeworn Petrol color palette — #F2E6E1 · #6AC5C1 · #00788B · #004E2A · #001826

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Mint Leaf (#6AC5C1): A luminous, balanced teal — the color of glacier melt.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E2A): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001826): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Weathered Forest color palette (#F5EAF6, #8ABAC6, #00748C, #125313, #003053)
• Timeworn Petrol Parlor color palette (#F2E7DD, #6FBEE7, #346CB0, #004B4C, #0F1133)
• Muted Cerulean color palette (#F9F0EB, #AED2B4, #3087A5, #005E45, #002720)
• Aged Drift color palette (#FBE9E0, #45ACC1, #005F87, #003A31, #000921)
• Linen Boulevard color palette (#FFEEE4, #8FDDF5, #008BCF, #006359, #0D224E)
• Aged Teal Corridor color palette (#E7FAF5, #A9F6F2, #00A6AD, #006B5C, #002328)
• Hushed Grove color palette (#EADAD3, #008898, #004159, #002018, #000105)
• Hushed Lagoon color palette (#F8F0EC, #C4EBE1, #7EA790, #5E7433, #203D34)

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