Timeworn Petrol color palette — #F5EEE3 · #72AAC6 · #006BAC · #004950 · #000F3A

A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EEE3): bright and airy, almost weightless.
• Blue Fog (#72AAC6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006BAC): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004950): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. 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

• Frosted Summit color palette (#F1EADD, #8EB6DC, #426FCE, #00566C, #181748)
• Petrol Delta color palette (#E1F4E5, #68C3EE, #006BAD, #003D43, #00020F)
• Navy Parlor color palette (#F3E6DD, #4E99BC, #00439D, #00302B, #140639)
• Denim Basin color palette (#E9E1D5, #7B9C81, #006277, #003C33, #000B13)
• Washed Azure color palette (#FAF4EB, #BDDDD1, #6399D5, #00798B, #273865)
• Hushed Lagoon Delta color palette (#FAF4EC, #C6E3DC, #5FB3C5, #008F75, #2B5041)
• Raspberry Workshop color palette (#FFDCD8, #BD457C, #007767, #7F0049, #001410)
• Plum Balcony color palette (#FFEAE7, #BA005D, #506400, #004F7A, #160006)

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