Timeworn Petrol color palette — #D3F8FB · #007F91 · #004A62 · #00263B · #0E0A28

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

The five colors

• Frost (#D3F8FB): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007F91): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004A62): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00263B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E0A28): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Cypress Drift color palette (#C7F0EA, #006A72, #00445C, #001A2C, #000117)
• Linen Dune color palette (#CFF4F1, #008495, #005F78, #003455, #040255)
• Cobalt Veranda color palette (#E2F2FF, #0078BF, #00375F, #001226, #000307)
• Washed Corridor color palette (#D1E9DF, #00678E, #7A3400, #003146, #1F0800)
• Periwinkle Ridge color palette (#D5F7EA, #789BF8, #816AC2, #00404E, #001830)
• Tempered Quarry color palette (#D0E7F3, #0072B9, #00388E, #100063, #13003B)
• Gentle Studio color palette (#CFF7FF, #00A5D3, #0072A0, #004476, #341A69)
• Ancient Garnet color palette (#CFEAFE, #00527B, #79003D, #2C3500, #000812)

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