Moss Field color palette — #FFF0F9 · #A9ADFF · #689200 · #527400 · #16153C

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#A9ADFF): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#689200): A luminous, balanced green — the color of new leaves after rain.
• Olive (#527400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#16153C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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 Olive Canyon color palette (#FFF0FD, #90B6FF, #C36500, #3D7800, #2A1028)
• Hushed Emerald color palette (#FFF0F7, #BAA6FF, #2A9B3A, #00757C, #2D0F20)
• Wisteria Thicket color palette (#FFF1F5, #BF7EE2, #7A954E, #506A1E, #260A14)
• Hushed Corridor color palette (#FFF1F2, #E393D4, #6FAF81, #3D8354, #371B1F)
• Dusty Coral Balcony color palette (#FFF0F8, #9F96FF, #DF6378, #8A5D00, #1A1636)
• Sunlit Canyon color palette (#FFF1F6, #9A6DE0, #6C8120, #455500, #0C011C)
• Pale Moss Garden color palette (#E8F8FF, #00C9DE, #C7A200, #769700, #003238)
• Hushed Fuchsia color palette (#FFF1F4, #E77CFA, #997A00, #005F4C, #002826)

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