Worn Harbor color palette — #F8ECE5 · #A6D0B9 · #548AC3 · #006E5B · #262755

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE5): a clean, paper-quiet neutral.
• Pistachio (#A6D0B9): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#548AC3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#262755): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Ancient Fern Terrace color palette (#F7ECE8, #8DD3CD, #0096B2, #2D6E25, #003052)
• Chalky Orchard color palette (#FFF0F8, #BEEFFF, #1096F8, #006C57, #161744)
• Cobalt Alley color palette (#EADCCE, #83B7E4, #5F6DBB, #00595B, #281041)
• Weathered Loft color palette (#E9F1EA, #8DB8D1, #0070A2, #004F51, #082E55)
• Soft Lagoon color palette (#FFF2EF, #9CECE9, #00ACD3, #1B882F, #194269)
• Lagoon Cabin color palette (#FEF2EF, #C6E6DD, #77AEC4, #55895E, #583D5A)
• Weathered Petal color palette (#FFE6F3, #FCC2FB, #EB9998, #3485AC, #38264A)
• Petrol Pier color palette (#EFE1DB, #4EB2BF, #006E9C, #004D30, #010A41)

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