Misty Moss color palette — #E9FAEF · #DCB800 · #659800 · #8E7500 · #01231D

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

The five colors

• Ivory (#E9FAEF): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#DCB800): A luminous, vivid green — the color of fresh herbs.
• Olive Leaf (#659800): A luminous, vivid green — the color of a quiet forest floor.
• Walnut (#8E7500): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#01231D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Sunlit Emerald color palette (#EBF9F3, #AFBD6E, #009A50, #6D7A00, #001D1C)
• Pale Marigold Balcony color palette (#FFF1F5, #F4A856, #948900, #A96500, #052317)
• Jade Grove color palette (#FDF4E5, #FDC544, #23C484, #C39100, #172100)
• Airy Emerald Harbor color palette (#DAFFEE, #91B900, #00982D, #00667A, #283C16)
• Weathered Field color palette (#EBFAEB, #D89100, #00765C, #744C00, #002225)
• Pale Studio color palette (#E4F396, #9BCE4D, #4EA600, #007025, #003D25)
• Worn Moss Bloom color palette (#EFF7F3, #CBDEE0, #A1CAD1, #8D8C05, #32453C)
• Washed Moss color palette (#D7E6E2, #69A622, #00715D, #376000, #000405)

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