Hazy Moss color palette — #CBE6D1 · #8B9638 · #725700 · #5F2C00 · #063309

Moss takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CBE6D1): A whisper-light, dusty teal — the color of sea glass.
• Moss (#8B9638): A luminous, balanced green — the color of new leaves after rain.
• Coffee (#725700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5F2C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#063309): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Chalky Summit color palette (#F8D2DE, #A28D1F, #804F00, #6F1700, #202F00)
• Hushed Cocoa color palette (#DDEDDB, #7BA18C, #845A1E, #712B15, #003A30)
• Pale Mustard Thicket color palette (#C2EACC, #B3A840, #947200, #734700, #262D00)
• Frosted Moss Delta color palette (#FBEBCF, #9D9000, #725700, #4D2E00, #101400)
• Washed Veranda color palette (#D4E9D8, #777A46, #5A4000, #441A00, #031C00)
• Linen Station color palette (#FEE7F3, #B89763, #9F5120, #87122E, #3A3700)
• Aged Lime color palette (#F7DAA3, #BAC200, #BC8C00, #A55A2C, #153010)
• Hushed Workshop color palette (#EDF9F1, #9FC1B6, #638B73, #775060, #364D4C)

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