Timeworn Petrol Garden color palette — #F5F1EB · #C8E2E3 · #7DA0C1 · #227882 · #432D42

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C8E2E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7DA0C1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#227882): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#432D42): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Timeworn Cypress Grove color palette (#F5F1EB, #C7E3DC, #69A7B6, #007D68, #1A3E30)
• Softworn Ash color palette (#FAF3F6, #D8DFF0, #7F9AC5, #3F7B72, #4B5167)
• Washed Denim color palette (#F3EDE2, #72A4BA, #005D8F, #00393C, #000A20)
• Timeworn Coast color palette (#F0E8DC, #9EBCA4, #007791, #004C42, #001826)
• Antique Lagoon Hollow color palette (#FAF4EF, #C5DEEA, #C4BDF1, #57A197, #5D4552)
• Cerulean Coast color palette (#F7F1E8, #B8DAB8, #0093A4, #00654C, #002A37)
• Washed Navy color palette (#EBE3D6, #517DA0, #00377F, #001E26, #01000C)
• Worn Canyon color palette (#FEEFE1, #C39061, #34A193, #8667AE, #342313)

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