Weathered Harbor color palette — #E2FCF3 · #80AF89 · #00705D · #364200 · #000B02

Pine takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E2FCF3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#80AF89): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#364200): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Pine Lantern color palette (#E8FBEC, #9EA968, #167318, #4C3900, #070900)
• Washed Lagoon color palette (#D3EDDE, #00B099, #00696F, #003848, #000E1C)
• Emerald Chapel color palette (#EEF0DD, #75BA82, #009760, #437133, #002209)
• Timeworn Rust color palette (#D6F4FF, #00A5B0, #C55100, #00585F, #130300)
• Dusty Pine color palette (#D4EAE5, #248F47, #005132, #193111, #000B02)
• Worn Driftwood color palette (#F7D7E2, #A38C3C, #475400, #003424, #020100)
• Hushed Alley color palette (#E7FAF3, #9CC8A2, #008A72, #005A70, #001F07)
• Dusty Cerulean Bloom color palette (#FFF0FB, #A2D5E8, #0086AF, #005340, #000D1F)

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