Worn Harbor color palette — #F5F7E6 · #C3D0AC · #48B5A0 · #7A7EB5 · #343630

Turquoise and Slate Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#C3D0AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Turquoise (#48B5A0): A luminous, balanced teal — the color of sea glass.
• Slate Blue (#7A7EB5): A luminous, balanced violet — the color of wild irises.
• Espresso (#343630): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Jade Coast color palette (#FCF4E6, #D5CAA1, #8AAD65, #538CA8, #37352F)
• Gentle Teal Parlor color palette (#F6F7E4, #99E1B5, #00C0A0, #B86E89, #17452C)
• Lagoon Station color palette (#E8FAF1, #B9DBB5, #209F88, #705A79, #032F2B)
• Tempered Teal Summit color palette (#E3E7D4, #90C8B2, #0BA79B, #A85969, #003223)
• Muted Market color palette (#FBF4EA, #C2EBDB, #7EB6F5, #009DB3, #2A395F)
• Gentle Ridge color palette (#F4EBD1, #B2CC80, #53BE4A, #9A4AA1, #263400)
• Fern Station color palette (#F7F5EC, #DFE0C2, #B1BB93, #B58F92, #515000)
• Pale Azure Alley color palette (#FFDBD3, #E991A1, #8DB457, #1D9BF8, #441D25)

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