Timeworn Petrol color palette — #F1E7E1 · #96BFA4 · #0074A1 · #004D40 · #001434

A conversation between Slate and Midnight, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E7E1): bright and airy, almost weightless.
• Sage (#96BFA4): A luminous, dusty teal — the color of glacier melt.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001434): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Lagoon color palette (#F8F0EB, #B3CFC0, #3F81B7, #005C56, #121E41)
• Aged Petrol Grove color palette (#EEEFE7, #73BED0, #00748F, #004F53, #003346)
• Tempered Denim color palette (#E5DCD6, #73A3C0, #1D56A2, #00393B, #08002F)
• Wandering Cerulean color palette (#E9F9F6, #B2F2FF, #1DA1C2, #00696C, #00222F)
• Patina Lagoon Workshop color palette (#F2E7E1, #48989A, #005264, #002D1B, #00050B)
• Softworn Petrol color palette (#F7F1EB, #C8E3DB, #788CBF, #006B78, #411F32)
• Hushed Raspberry color palette (#FFE9E7, #B95688, #005E26, #005A4B, #1C000E)
• Chalky Garnet Meadow color palette (#FFE9E9, #C26BAB, #007E47, #680056, #001709)

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