Moss Field color palette — #F8F6E2 · #8DAB56 · #6E92BF · #6069A7 · #34332C

Moss and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#8DAB56): A luminous, balanced green — the color of fresh herbs.
• Slate Blue (#6E92BF): A luminous, dusty blue — the color of open sky before noon.
• Slate (#6069A7): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#34332C): a grounded near-black with real depth.

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

• Jade Delta color palette (#F4F7E6, #6CB26B, #A97BB7, #845E90, #33342D)
• Weathered Lantern color palette (#FFF3E7, #D18D51, #7E8BC8, #7362A2, #37322D)
• Dusty Lime color palette (#F8F6E1, #A4C964, #43C1CF, #5C97C0, #34332C)
• Airy Hollow color palette (#EAFAF1, #BDB65D, #65A1E8, #985B85, #132A20)
• Patina Lagoon color palette (#FFF2E9, #94C081, #129999, #80526D, #3C3E37)
• Dusty Drift color palette (#F9F5EA, #CDC882, #369DBC, #8D8300, #13291E)
• Pale Lagoon color palette (#F2F1BB, #A7D2A2, #44A486, #007477, #00424F)
• Antique Workshop color palette (#FFF0F7, #B36D3F, #79649F, #733A6E, #412B36)

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