Timeworn Petrol Harbor color palette — #F8E9F4 · #71C7CE · #007291 · #00402D · #000308

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
• Aqua (#71C7CE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00402D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Chalky Ultramarine Cabin color palette (#FAE8F0, #80C0E5, #0762CA, #003D40, #020013)
• Chalky Cobalt color palette (#FFF0F9, #9ED6E8, #0082C3, #00524A, #000433)
• Aged Lagoon color palette (#FDEAE2, #42999E, #00516C, #002E15, #000412)
• Hushed Aqua color palette (#E8E9DC, #36C5D1, #0093A7, #006D69, #00171E)
• Hushed Brick color palette (#F8EAF4, #C01400, #00646D, #004B5D, #040000)
• Aged Lagoon color palette (#FAF3F8, #D5D4E2, #4FB3DF, #008268, #132F4E)
• Gentle Study color palette (#F9DEF3, #E12E26, #00757E, #750304, #000102)
• Tempered Moss color palette (#D3E8DA, #838E1D, #5D4C00, #321B00, #000200)

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