Moss Field color palette — #EEF1FF · #BFAFFF · #908E00 · #007AA4 · #003043

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

The five colors

• Ivory (#EEF1FF): bright and airy, almost weightless.
• Lavender (#BFAFFF): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#908E00): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#007AA4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003043): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Faded Harbor color palette (#F3F4FF, #C9ACFE, #B0A22D, #597AC2, #2B3659)
• Amber Thicket color palette (#E8F3FF, #73B6FF, #C78300, #007E8E, #003239)
• Washed Coast color palette (#F3EFFF, #F495ED, #26A339, #3C6FBB, #0B2A56)
• Softworn Taupe color palette (#D2E2FB, #C4BDDC, #D68E86, #648EB3, #30435F)
• Feathered Sky Alley color palette (#F9F3F7, #AEECFA, #5CBBFD, #23A37A, #2E385B)
• Softworn Courtyard color palette (#DFDFF8, #C666FF, #5B7300, #00587C, #001420)
• Muted Teal color palette (#F8F3FC, #F7AECE, #61BE9E, #7F80B9, #37415E)
• Peony Courtyard color palette (#FEEDEC, #D56DA3, #906B00, #005D51, #212750)

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