Timeworn Petrol color palette — #F0E8DC · #9BBE9E · #00788B · #004D3E · #001924

A conversation between Teal and Forest, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F0E8DC): a clean, paper-quiet neutral.
• Sage (#9BBE9E): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Antique Petrol Summit color palette (#EFE8DE, #86BCD4, #1D71A6, #004A4F, #001435)
• Cobalt Terrace color palette (#F9F1E3, #B1DBC7, #008AD1, #006167, #02234F)
• Wandering Delta color palette (#D0F5DC, #A0D5F8, #80A0E2, #00645B, #001D25)
• Softworn Cypress Orchard color palette (#F5F1EB, #CADFDB, #69A6BA, #297A6D, #173F32)
• Wandering Abyss Thicket color palette (#EDE6DC, #488291, #00415A, #001F1E, #000104)
• Pale Quarry color palette (#DAECDF, #007988, #93278E, #5E4900, #000D11)
• Weathered Brick color palette (#DAE7DC, #00909A, #BC2B43, #005156, #2A0006)
• Weathered Alley color palette (#D1E9EF, #1DA4BF, #006479, #002D38, #00080C)

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