Worn Harbor color palette — #E4F4EB · #00AB98 · #007E8A · #005869 · #033E5A

Turquoise takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E4F4EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Turquoise (#00AB98): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007E8A): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005869): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#033E5A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Timeworn Teal color palette (#C8F6F0, #00C1C0, #00959C, #006874, #00424E)
• Worn Cerulean Ridge color palette (#DDF5F6, #00A3C0, #006FA0, #004E86, #29345A)
• Cypress Lantern color palette (#E3F5EE, #008481, #005762, #002F45, #151136)
• Tempered Pier color palette (#E8F8FF, #B6DAF7, #AD9DE2, #00816B, #284352)
• Linen Moss Veranda color palette (#E9F3D1, #76AE53, #00824E, #005643, #043A4A)
• Washed Rust color palette (#D7F4FE, #00A1A7, #BC5800, #006367, #552606)
• Brick Field color palette (#C6ECFC, #00899B, #B8393A, #913F00, #07303E)
• Washed Nightshade color palette (#CBF3F8, #0099C8, #0068A1, #0704C6, #322173)

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