Moss Field color palette — #F7F3FF · #DA91C3 · #8F9D00 · #00847E · #161F35
Built around Moss, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F3FF): a clean, paper-quiet neutral.
- Mauve (#DA91C3): A luminous, balanced pink — the color of a candy shop window.
- Moss (#8F9D00): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#00847E): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#161F35): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Amber Terrace color palette (#F3F4FF, #B492D9, #AE8300, #00855E, #0C2136)
- Washed Jade color palette (#FAF1FF, #E89BB4, #76AD6A, #0091A3, #282B3F)
- Blush Veranda color palette (#FFECFE, #FF8282, #008F68, #0075A4, #24002D)
- Hushed Amber color palette (#DEF6E2, #ECA1BA, #DE7554, #008967, #4A2227)
- Muted Peony color palette (#F5EBFF, #D969A5, #477200, #005E66, #05001D)
- Gentle Lapis Harbor color palette (#FAE0E8, #DE891F, #008F96, #5C3BD9, #24010D)
- Powdered Sapphire Basin color palette (#FFF0F8, #FA8830, #00A5A1, #3F5FFF, #430F26)
- Dusty Rust color palette (#FBF1FC, #C0666D, #AA4B24, #005D59, #281633)
Browse the whole catalog at Explore, or see today's palette.