Tempered Moss Harbor color palette — #FFF3E9 · #CDBA7B · #739344 · #735E89 · #473906

A conversation between Olive Leaf and Sand, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#CDBA7B): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#739344): A luminous, balanced green — the color of fresh herbs.
• Slate (#735E89): A full-bodied, dusty violet — the color of wild irises.
• Deep Olive (#473906): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Softworn Orchard color palette (#FFF0F7, #EFD696, #7EA100, #7B5C90, #3B2C00)
• Basalt Hollow color palette (#FAF5E8, #C6C7A3, #609E89, #876967, #464600)
• Feathered Olive color palette (#FDE7D2, #B9AD59, #458C00, #5A4F92, #352E00)
• Ancient Emerald color palette (#FFF3E3, #B5C37C, #449B60, #007688, #383F0E)
• Dusty Villa color palette (#E8FBED, #A6A76E, #587524, #005976, #3E3D09)
• Softworn Lime Lagoon color palette (#FFF4E0, #D2D48C, #89B637, #5092AF, #3D3D0F)
• Wandering Byzantium color palette (#FFF1F4, #EC9DFB, #94A600, #9B2AAF, #374000)
• Quiet Thicket color palette (#EDE4D4, #859D50, #007347, #613351, #151E00)

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