Timeworn Petrol Harbor color palette — #C1EBF0 · #007D95 · #004964 · #00253F · #00081F

Teal and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C1EBF0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007D95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004964): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00253F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Timeworn Petrol Harbor 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

• Hushed Cypress color palette (#D0EEDB, #007D5F, #005046, #00302F, #001013)
• Cobalt Harbor color palette (#E0EEFF, #2A79CA, #00467B, #001D43, #000206)
• Muted Corridor color palette (#CAE3F7, #0071A3, #824700, #003D5A, #0D0400)
• Navy Delta color palette (#D2E7EE, #00719F, #00447D, #010886, #070037)
• Muted Iris Veranda color palette (#D9EAFA, #8C9ECE, #9073BD, #004F5F, #00081F)
• Mulberry Meadow color palette (#D6EBFF, #005C94, #900041, #324500, #000205)
• Feathered Ultramarine color palette (#CEE5F1, #2E9FE1, #0079D2, #063BBF, #231D63)
• Washed Courtyard color palette (#E4EDF8, #3F67D3, #3D00BC, #290060, #0D001A)

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