Moss Field color palette — #ECF9F1 · #B6E8E8 · #95A857 · #518179 · #2A3D35
Moss and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9F1): a clean, paper-quiet neutral.
- Sea Foam (#B6E8E8): A whisper-light, dusty teal — the color of sea glass.
- Moss (#95A857): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#518179): A full-bodied, dusty teal — the color of sea glass.
- Forest (#2A3D35): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Ancient Canyon color palette (#ECF8F5, #C2DCF4, #88BD96, #6B8D8F, #364B48)
- Dusty Moss Boulevard color palette (#EDF8F3, #C9D8A0, #70993E, #2F7069, #062F25)
- Antique Pewter Thicket color palette (#FFF0F7, #BDAF84, #6A7A4F, #386169, #33483A)
- Timeworn Lagoon Atelier color palette (#D6E7E4, #428C5D, #004830, #00211C, #000200)
- Softworn Fern Lagoon color palette (#D2E7DD, #849845, #375900, #003610, #010100)
- Pine Hollow color palette (#E2FCF3, #87B15B, #1F7302, #004546, #000A07)
- Muted Fern Courtyard color palette (#F8F1E5, #BFB291, #6E7C44, #4F5C14, #2F260E)
- Lagoon Pier color palette (#E7FAFA, #83CBB9, #00897F, #005C63, #001D20)
Browse the whole catalog at Explore, or see today's palette.