Hazy Moss color palette — #F8F6E4 · #7F9243 · #685792 · #66335A · #50212C

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

The five colors

• Cream (#F8F6E4): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#7F9243): A luminous, balanced green — the color of fresh herbs.
• Slate (#685792): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#66335A): A full-bodied, balanced pink — the color of a candy shop window.
• Espresso (#50212C): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

One click turns Hazy Moss 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 Hollow color palette (#F9F5E8, #8C8F27, #575BA0, #772C29, #502702)
• Aged Corridor color palette (#EFF8ED, #369B90, #815078, #67305F, #5B251B)
• Airy Amber Workshop color palette (#FEF3E7, #B07D33, #1C6A96, #5D3763, #511C36)
• Feathered Aubergine color palette (#F5F6EB, #8AB27C, #248DAF, #754591, #592716)
• Patina Aubergine Harbor color palette (#E4F7F3, #719B63, #00708A, #53247B, #3C0805)
• Chalky Aubergine color palette (#F3F9DA, #339C45, #752A92, #5D3500, #332A00)
• Aubergine Lantern color palette (#EBEBC0, #528610, #5D009E, #630022, #390F00)
• Tempered Courtyard color palette (#FFF4D7, #B1BB99, #728D7D, #795D58, #713F03)

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