Hazy Moss color palette — #FDF5D7 · #8D8F00 · #7570BB · #725B97 · #3A3831

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

The five colors

• Custard (#FDF5D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#8D8F00): A luminous, balanced green — the color of fresh herbs.
• Slate (#7570BB): A full-bodied, balanced violet — the color of wild irises.
• Slate (#725B97): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#3A3831): quiet, heavy and certain.

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

• Amber Thicket color palette (#FFF3E4, #B47C00, #427EBD, #57659C, #3C3731)
• Emerald Villa color palette (#F5F9DB, #499F3F, #9565A8, #88557C, #383932)
• Frosted Violet Summit color palette (#FDF1D3, #9D8F35, #946AB4, #7A5C92, #271D03)
• Weathered Mustard Corridor color palette (#DEFEEE, #AEAA3D, #A488CE, #9F6C96, #1E4031)
• Timeworn Grape color palette (#DDE9D1, #679324, #6F00B7, #841C7C, #192A00)
• Misty Plum color palette (#B6FDE1, #009671, #B43990, #A32667, #003A2A)
• Worn Chestnut Quarry color palette (#FEF5DC, #9CB07A, #7B7437, #6F4800, #3B4200)
• Worn Bronze color palette (#FDF5E0, #C2F5E3, #AECFAC, #A06F37, #4E4A00)

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