Moss Field color palette — #EEEBDD · #899800 · #007232 · #004B36 · #00323F

Olive Leaf takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EEEBDD): bright and airy, almost weightless.
• Olive Leaf (#899800): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007232): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004B36): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00323F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Balance. Tagged cool.

Use it as a design system

One click turns Moss Field 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

• Moss Pier color palette (#DEEBD3, #3BA000, #00701D, #004B24, #002011)
• Aged Emerald color palette (#E3F0D6, #00AD56, #006F60, #004F53, #1E3154)
• Pale Emerald color palette (#E3E1C8, #99C400, #00B333, #007F4B, #003A31)
• Soft Bronze color palette (#F2E4D6, #AB8000, #6A6A00, #1A4E00, #003822)
• Aged Jade color palette (#ADFFDB, #00B572, #006F4F, #003928, #002212)
• Hushed Mint Meadow color palette (#DBFFEC, #90C07A, #589769, #357167, #34515C)
• Soft Studio color palette (#E1ECE2, #289B4E, #920069, #800025, #002D0F)
• Sunlit Moss color palette (#F7D9B0, #9D9000, #7B5100, #692100, #1A3001)

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