Tempered Moss Harbor color palette — #E7FAF5 · #B6CDA3 · #CF9ECF · #6E9C3E · #504769

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

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Pistachio (#B6CDA3): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#CF9ECF): A luminous, balanced pink — the color of neon signs at night.
• Olive Leaf (#6E9C3E): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#504769): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, 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

• Muted Balcony color palette (#E8F9F9, #9FD2B7, #DE9BAD, #2FA374, #693F4A)
• Dusty Amber Thicket color palette (#ECF9F0, #D5C38C, #90B3E6, #A88900, #374E70)
• Celadon Cabin color palette (#F6F7E5, #C4F7B0, #E1BAF7, #81A672, #5C3B45)
• Softworn Taupe Hollow color palette (#E5FBF7, #CBE1EF, #BCB2B8, #A7A174, #395856)
• Celadon Meadow color palette (#E7FAF6, #B6E59A, #F7B4A1, #90B57A, #5F4357)
• Washed Field color palette (#E5FAF9, #86C196, #AF98D1, #BD77A9, #244A48)
• Muted Field color palette (#F6F6E9, #9FBB82, #D47D6C, #617D43, #534B48)
• Muted Pewter Corridor color palette (#FEF1F6, #B9D2BE, #B78E9E, #95685A, #384D43)

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