Tempered Harbor color palette — #EBFAEF · #D1E1A0 · #62A466 · #816813 · #2A3301

Moss and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBFAEF): A whisper-light, dusty teal — the color of shallow lagoons.
• Celadon Mist (#D1E1A0): A whisper-light, balanced green — the color of new leaves after rain.
• Moss (#62A466): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#816813): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#2A3301): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Feathered Teal Study color palette (#E0FDF3, #B0E9BE, #00A991, #5F7515, #07381A)
• Dusty Lime Field color palette (#FAF5E3, #C5D98B, #80B934, #8C8C58, #363F15)
• Teal Lagoon color palette (#E4FCF3, #B4E8B9, #00AA8B, #A04D53, #0B3816)
• Abyss Workshop color palette (#D2E7DB, #6B8451, #004928, #002023, #010100)
• Softworn Emerald color palette (#E5FDE6, #CAC875, #589026, #00675A, #212000)
• Soft Olive Workshop color palette (#DBFAEC, #9FB163, #517910, #4F4F26, #00281E)
• Washed Alley color palette (#E1FCF4, #71B485, #007061, #324300, #000B03)
• Hushed Teal Pier color palette (#EDF8F5, #BBE5FA, #67ACA7, #518178, #203E3F)

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