Worn Petrol Harbor color palette — #F5F6ED · #C3E8E6 · #79A490 · #3D7981 · #355147

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

The five colors

• Ivory (#F5F6ED): a clean, paper-quiet neutral.
• Silver (#C3E8E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#79A490): A luminous, dusty teal — the color of glacier melt.
• Teal (#3D7981): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#355147): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Worn 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

• Worn Canyon color palette (#F4F6ED, #BFE7D3, #4B93BA, #176E7D, #2F4F46)
• Cypress Station color palette (#EFF0E2, #75C1BE, #00777D, #005145, #00353C)
• Worn Lagoon color palette (#F0F7F1, #D6DFEE, #90B7D3, #4F9393, #425468)
• Wandering Quarry color palette (#FFF0F7, #9B87E1, #B17588, #477E95, #4F3C45)
• Antique Cerulean color palette (#E0E4D5, #348AB2, #004162, #002129, #000A18)
• Tempered Driftwood Harbor color palette (#FFF1F7, #E7D8E0, #BAB9A7, #9B7E8F, #614D54)
• Muted Powder color palette (#FFF0FD, #97ADF6, #7A82BF, #5C5C88, #654A58)
• Antique Bronze Boulevard color palette (#FFF3E5, #CAB495, #A3763B, #815117, #5E4200)

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