Timeworn Petrol color palette — #F2E1D9 · #6FACB4 · #0080A5 · #006048 · #000A18

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#F2E1D9): A whisper-light, dusty orange — the color of autumn markets.
• Blue Fog (#6FACB4): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006048): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Bloom color palette (#FBECE2, #77A8C2, #1B73D1, #005D5E, #05002C)
• Dusty Summit color palette (#D7E9E5, #639EA4, #006372, #003C39, #000B10)
• Tempered Drift color palette (#D3EAD9, #88B6D5, #9086DF, #007F6C, #001019)
• Softworn Scarlet Studio color palette (#D2E8D6, #008F9C, #D01C00, #006069, #130000)
• Lagoon Field color palette (#F3E0EE, #008992, #004255, #002015, #000104)
• Iris Delta color palette (#E6DED5, #9BC4EC, #6A89F6, #007B8B, #211346)
• Quiet Pier color palette (#C8EDF6, #007C91, #C0080D, #973200, #000203)
• Periwinkle Corridor color palette (#F7ECE5, #A6DCF3, #4AAAFD, #00918B, #1E2A55)

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