Timeworn Petrol color palette — #E4F1EF · #75C4DA · #007292 · #003D42 · #000306

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

The five colors

• Cream (#E4F1EF): bright and airy, almost weightless.
• Sky (#75C4DA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

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

• Abyss Coast color palette (#E2EFEC, #72AFAA, #006164, #002C24, #000102)
• Cobalt Cabin color palette (#EDF8F7, #ADD1EC, #1181C4, #004E62, #000D20)
• Softworn Cerulean Villa color palette (#E7EAD7, #00A0BE, #005169, #002F33, #001623)
• Pale Field color palette (#EDDCE7, #5FBFD9, #008BCD, #006E62, #000E3C)
• Azure Study color palette (#E9F9F7, #D0DDF1, #00A6E9, #007082, #002742)
• Muted Turquoise color palette (#E8FAF6, #D4DFEB, #00C4DA, #008980, #003C49)
• Ancient Cocoa color palette (#F2D6E4, #AC7952, #7B3700, #3E1000, #020100)
• Pale Raspberry Delta color palette (#EBDDFB, #C64396, #856000, #6C004D, #020100)

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