Worn Harbor color palette — #E6EFFC · #B8FFF0 · #E4E700 · #284237 · #101714

Built around Lemon, softened by Sea Foam — the whole palette hums with nature and growth.

The five colors

• Frost (#E6EFFC): A whisper-light, dusty blue — the color of deep harbor water.
• Sea Foam (#B8FFF0): A whisper-light, dusty teal — the color of sea glass.
• Lemon (#E4E700): A whisper-light, vivid green — the color of new leaves after rain.
• Forest (#284237): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#101714): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Sophistication. Tagged neon, dark, vibrant, 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

• Straw Courtyard color palette (#DDFCFF, #C4FFD5, #FFD785, #2D4131, #131D15)
• Washed Bloom color palette (#D6F4FF, #75FD9F, #D7CDD4, #1D3C3A, #071918)
• Sand Canyon color palette (#EEF8EF, #FFE2A8, #8D7240, #25402A, #071309)
• Airy Courtyard color palette (#FFEFE1, #4DFEF7, #6CF41A, #18350C, #00100D)
• Hushed Cabin color palette (#FFF0FB, #FFEFA9, #FFD1BE, #452C3B, #241A20)
• Washed Mint Station color palette (#F4D7D9, #3FE77D, #D8AB00, #383932, #28241D)
• Weathered Pine Pier color palette (#E6FFCB, #C0EBB1, #77BA82, #038053, #003E2F)
• Ancient Mint color palette (#FFE8AD, #95E7FF, #00EAA7, #022E30, #000808)

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