Timeworn Petrol Drift color palette — #F5F7E4 · #80C4D1 · #007A93 · #005557 · #00394B

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

The five colors

• Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#80C4D1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007A93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00394B): 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 Drift 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

• Patina Garden color palette (#FFEEE5, #6ECBDD, #007BA9, #005344, #00193A)
• Aged Delta color palette (#F2F8E5, #81BFEB, #0071BE, #00526B, #00306B)
• Washed Denim Loft color palette (#E9ECDE, #81A992, #00607C, #003D42, #002334)
• Timeworn Petrol Loft color palette (#F5F6EF, #CCE1E0, #69A2BE, #277B88, #305247)
• Hushed Turquoise color palette (#DEFDF8, #86EBFF, #00BDE5, #00979B, #00384C)
• Softworn Cerulean Balcony color palette (#FCF1F9, #84DAEB, #0098CF, #007460, #003167)
• Muted Loft color palette (#E8ECDF, #5288A5, #004065, #00212A, #000919)
• Dusty Thicket color palette (#FFDADA, #D046A3, #936600, #8A0068, #3F2900)

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