Weathered Harbor color palette — #E9F5EC · #91BFAA · #687E49 · #435C4A · #162D23

A conversation between Fern and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#E9F5EC): bright and airy, almost weightless.
• Mint Leaf (#91BFAA): A luminous, dusty teal — the color of glacier melt.
• Fern (#687E49): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#435C4A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#162D23): A deep, shadowed, dusty teal — the color of sea glass.

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

• Worn Archive color palette (#E8F6ED, #7BAC9A, #4C7033, #1A523E, #002319)
• Tempered Thicket color palette (#E9F5F1, #A4CDC7, #598D8E, #4D685F, #1D3633)
• Dusty Lagoon Dune color palette (#D8F9FF, #77D3C9, #009184, #004D47, #001A17)
• Gentle Peony color palette (#DEF8F9, #59B89A, #BD7296, #00765C, #3E182B)
• Dusty Balcony color palette (#FDF3E9, #B9AF90, #558052, #7B4F0D, #514100)
• Antique Taupe color palette (#FFF1F5, #C7F1DD, #82AA7E, #8A6D76, #263E34)
• Forest Study color palette (#D5E4DC, #68833D, #005311, #003229, #050A00)
• Antique Pier color palette (#DAECDD, #95904D, #4A5E00, #164329, #00170D)

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