Timeworn Petrol color palette — #F8E9F3 · #72C8C3 · #007485 · #004121 · #000306

Teal and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Aqua (#72C8C3): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Worn Field color palette (#FDE7F2, #8ABFDC, #2B67B0, #003E3F, #020013)
• Ancient Cerulean Quarry color palette (#FDF1FA, #8FDAE6, #0086B1, #005341, #000D20)
• Lagoon Quarry color palette (#E9E9DD, #6CC1BB, #009599, #006F5D, #00181B)
• Washed Terrace color palette (#D8ECE7, #2D9C99, #005458, #002C25, #000507)
• Brick Workshop color palette (#F7E5E5, #C0003A, #006663, #004C58, #040000)
• Sunlit Station color palette (#FDF1FA, #BEFBFF, #00AAD3, #007654, #002742)
• Ancient Crimson color palette (#F4E7F5, #D73B5D, #00767B, #730026, #000202)
• Muted Coast color palette (#FFF1F5, #D9DEFA, #718EDB, #006875, #1E163F)

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