Moss Field color palette — #F1EFE5 · #CBD6CD · #A5C0B7 · #8D9A56 · #322E1B

Built around Moss, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Cream (#F1EFE5): a clean, paper-quiet neutral.
• Oat (#CBD6CD): a clean, paper-quiet neutral.
• Ash (#A5C0B7): A luminous, dusty teal — the color of sea glass.
• Moss (#8D9A56): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#322E1B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Wandering Alley color palette (#E8F1EE, #CDDBD9, #A3BDBE, #647B36, #19342D)
• Wandering Teal Bloom color palette (#F1F8EB, #C9DFDB, #A1C8CE, #00B290, #2C3724)
• Tempered Jade Station color palette (#F0E3CD, #ADC38E, #4AA57B, #847349, #2E2A02)
• Weathered Coast color palette (#E4E7DF, #A2B5B0, #79A0A3, #00875B, #101605)
• Softworn Teal Loft color palette (#ECE2CE, #B3B691, #52A5AD, #936362, #59292A)
• Wandering Fern Chapel color palette (#E4EBE8, #BBD0CF, #80ACB7, #545B00, #0D1914)
• Emerald Parlor color palette (#DFE2D4, #00A74E, #225E5F, #2F312A, #060400)
• Lime Loft color palette (#FFD3C0, #A4B70F, #009C9A, #8A4B87, #0B2C0F)

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