Misty Moss color palette — #F9F6E3 · #9AA944 · #7682D1 · #616D00 · #56364D

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

The five colors

• Cream (#F9F6E3): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#9AA944): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#7682D1): A luminous, balanced violet — the color of wild irises.
• Olive (#616D00): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#56364D): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Misty 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

• Worn Terrace color palette (#F4F8E0, #5AB762, #A075BA, #37763D, #4E385B)
• Amber Cabin color palette (#FFF3E4, #D09217, #5C8DC5, #875C00, #503952)
• Chalky Moss color palette (#FEF5DB, #968B00, #8C67B3, #745B91, #3A3831)
• Tempered Chestnut Bloom color palette (#E4F7EC, #AFA665, #BD7585, #726500, #421522)
• Timeworn Bronze color palette (#FCF5E2, #C4BA68, #DA8A9B, #8F8216, #60333D)
• Hushed Bronze Balcony color palette (#FDF5DF, #97B27A, #7D7437, #56504B, #3C3E37)
• Pale Workshop color palette (#ECFDD3, #2ABE86, #B2378C, #006E49, #5C2149)
• Soft Atelier color palette (#E6FBF1, #CED28B, #AEB7FF, #A3A620, #3A3E68)

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