Moss Field color palette — #D6EBDB · #9D9937 · #4C6600 · #00455B · #181700
Built around Moss, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D6EBDB): A whisper-light, dusty teal — the color of sea glass.
- Moss (#9D9937): A luminous, balanced green — the color of new leaves after rain.
- Olive (#4C6600): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#00455B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#181700): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, 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
- Wandering Jade Lagoon color palette (#CFECE3, #65A768, #006C4A, #004848, #001D03)
- Pine Lantern color palette (#E4F7F0, #89B680, #1A7E51, #244A89, #0E2708)
- Pale Amber color palette (#FEE6D4, #B38C13, #506300, #532F6F, #3B2B00)
- Hushed Thicket color palette (#E2F0E4, #807A45, #3D4A00, #2D1B56, #090800)
- Gentle Summit color palette (#F8E9D0, #B7B009, #648500, #006482, #323000)
- Hushed Driftwood color palette (#EBF5EF, #ABCCC0, #718C65, #4D6477, #22362F)
- Airy Aubergine color palette (#FFF0F9, #E3BD75, #7E8D0F, #6C358C, #291C00)
- Gentle Cabin color palette (#EBDDF2, #A425D0, #875A00, #005E5F, #1A0025)
Browse the whole catalog at Explore, or see today's palette.