Moss Field color palette — #DAFFF0 · #9AA300 · #007F53 · #004850 · #00122A
A conversation between Moss and Teal, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DAFFF0): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9AA300): A luminous, balanced green — the color of fresh herbs.
- Teal (#007F53): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#004850): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00122A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Moss Lagoon color palette (#DDFDF7, #5AB313, #007C6F, #00465D, #0A0044)
- Aged Amber color palette (#E5FDE8, #C39000, #517900, #004B3D, #00151D)
- Wandering Harbor color palette (#FFF6CB, #CDD188, #7C9E5B, #006C6C, #00333C)
- Wandering Jade Harbor color palette (#DAFDFD, #00B677, #007987, #003B86, #1D0031)
- Airy Workshop color palette (#D7FEFE, #00B678, #00788B, #1200BF, #0F1500)
- Ancient Olive Quarry color palette (#E3FCEF, #C1CC78, #6B8C00, #7E4A00, #1E2100)
- Pale Aubergine color palette (#DAF9FF, #008D80, #005474, #22006C, #050004)
- Pale Basin color palette (#FCD9BC, #AA5900, #005857, #002A5E, #17002C)
Browse the whole catalog at Explore, or see today's palette.