Moss Field color palette — #EBF9F3 · #9FD1BE · #B8A5E2 · #899525 · #464A6C

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

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Pistachio (#9FD1BE): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#B8A5E2): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#899525): A luminous, balanced green — the color of fresh herbs.
• Charcoal Brown (#464A6C): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, muted.

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

• Softworn Amber Courtyard color palette (#EDF9EF, #D9C192, #8FB2EF, #AE8528, #3A4E6A)
• Linen Emerald color palette (#E7F9FA, #9BD3B8, #DD99BD, #00A575, #663E54)
• Misty Thicket color palette (#EBF9F3, #B0B673, #A28AD1, #73791A, #474A68)
• Wandering Taupe Cabin color palette (#E9F9F4, #C8E3EA, #A7AFCD, #B4A879, #3E5753)
• Tempered Celadon color palette (#F9F6E6, #E1EF9C, #D0C1FB, #97A15E, #583D49)
• Patina Blush color palette (#E6FBF4, #A9B989, #74ABD6, #CD728B, #294A41)
• Pewter Villa color palette (#FDF1F8, #E1C0CD, #B48EA5, #966661, #3F4C3E)
• Tempered Wisteria Harbor color palette (#DFFCF7, #94D47D, #C771E5, #307C00, #551A67)

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