Timeworn Petrol color palette — #ECE0CE · #45B0D3 · #006E9F · #004A4C · #00142D

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#ECE0CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#45B0D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00142D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Market color palette (#E8DFD1, #78B9E7, #3B75BE, #005766, #121B41)
• Aged Teal color palette (#EDE4D6, #3EA4A5, #006471, #003D2E, #000B11)
• Dusty Petrol Quarry color palette (#DEF3F1, #8CC0D3, #007197, #003D45, #000307)
• Patina Onyx Villa color palette (#FBEDE4, #599AB0, #004D7C, #00302C, #020941)
• Misty Iris color palette (#CBEAFE, #81AFFD, #8F81F6, #006974, #00192F)
• Washed Workshop color palette (#DAEAF6, #0095DD, #005F8C, #002842, #000206)
• Cerulean Alley color palette (#F4EDE3, #91CFE2, #0092C6, #006C6A, #0E304C)
• Terracotta Boulevard color palette (#D7F2FF, #0083A9, #A04900, #004C64, #1E0800)

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