Moss Loft color palette — #E8FAF2 · #889100 · #2D669D · #5F3760 · #48273A

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

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#889100): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#2D669D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#5F3760): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#48273A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Hushed Amber Coast color palette (#EBFAEC, #AF7F05, #006F84, #4B3F6D, #492B4C)
• Emerald Market color palette (#E2FBF8, #4C9D53, #595B9D, #6D3147, #532B25)
• Dusty Studio color palette (#FFECF2, #B68144, #196D91, #6A2638, #380C19)
• Mustard Loft color palette (#FCF4E5, #BAA447, #617FBA, #7B4A71, #4F2847)
• Olive Villa color palette (#CBF2E7, #557D00, #004C8E, #62002A, #3D0A00)
• Aged Stone color palette (#DFFEEC, #91C0BB, #6A939F, #6D6275, #604656)
• Mulberry Lantern color palette (#E0F6FD, #00888A, #773872, #671D11, #3C2700)
• Worn Olive color palette (#ECF9EE, #B0B47F, #5C7E50, #49614D, #2E493E)

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