Timeworn Petrol color palette — #F0E7E2 · #7FBFCE · #0071AE · #004D38 · #0B1134

A conversation between Slate and Forest, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Ash (#7FBFCE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#0B1134): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. 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

• Pale Sapphire color palette (#F1E7DD, #88B9E3, #4F5CCC, #004B4D, #1C0C2F)
• Hushed Loft color palette (#F4EDE3, #5BC1DA, #007299, #00504D, #003052)
• Cobalt Bloom color palette (#F8E9F3, #73D4ED, #2B8DD3, #006F54, #242B4D)
• Denim Meadow color palette (#EDDFDB, #51979C, #00516C, #002E15, #000412)
• Timeworn Iris color palette (#F7F1EA, #C5E4DB, #7D88CA, #006C71, #3C232D)
• Teal Boulevard color palette (#A3F2E2, #00A98E, #006C58, #002D23, #000603)
• Aged Periwinkle color palette (#E9F0CE, #5DD4D9, #569BF7, #6E6200, #0D1D02)
• Dusty Navy Atelier color palette (#F2E6DC, #45809D, #003583, #00201C, #010009)

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