Timeworn Petrol color palette — #EEE2DB · #7CBEC3 · #0081A1 · #005C41 · #00213A

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#EEE2DB): bright and airy, almost weightless.
• Mint Leaf (#7CBEC3): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0081A1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005C41): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00213A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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 Boulevard color palette (#F5EBE4, #7EBBD8, #1276CC, #005958, #13174B)
• Tempered Cerulean Alley color palette (#FEF0FA, #6CE0E7, #0087A7, #00543A, #000E1C)
• Muted Drift color palette (#F9EBE4, #ABCEB9, #2E8ECA, #006D62, #132B5B)
• Softworn Cerulean color palette (#E5E6D6, #77D1D7, #00A4B8, #007E77, #00242D)
• Faded Lilac color palette (#D3EFD9, #93CCFF, #9E98F0, #007D63, #002D3C)
• Turquoise Boulevard color palette (#D1F1F9, #00AECD, #00728E, #003644, #000C11)
• Muted Field color palette (#DDEEE5, #009E86, #007172, #004757, #00202F)
• Weathered Denim Hollow color palette (#F6ECE7, #7D9C7E, #006377, #003E26, #000A15)

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