Tempered Moss Field color palette — #F2F5FF · #A9A8E7 · #9F9E3F · #6D69AA · #355547
Built around Moss, softened by Slate — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Mauve (#A9A8E7): A luminous, balanced violet — the color of wild irises.
- Moss (#9F9E3F): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#6D69AA): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#355547): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Creativity, Balance. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Powder Hollow color palette (#EDF2FD, #A2ACFC, #9CA267, #676D9C, #18382C)
- Patina Terrace color palette (#F6F3FF, #D29BC8, #57AD7A, #955B8B, #2A5654)
- Powder Bloom color palette (#FFF0F9, #BABDFF, #B6B670, #8486BB, #4F4D46)
- Softworn Amber Study color palette (#EDF7FE, #76B9E2, #CD855A, #287BA7, #624253)
- Worn Amber Alley color palette (#F2F5FF, #998BD4, #BE7547, #2A8870, #3D4155)
- Washed Driftwood Lagoon color palette (#EEF9ED, #A0C2A9, #997A53, #725362, #3D4C44)
- Weathered Shell color palette (#F2F5FF, #DFD7E1, #F0B8B6, #768AA7, #4C4E5F)
- Weathered Pewter Study color palette (#F5F4FB, #A6CBAE, #774C77, #3A344A, #2A2129)
Browse the whole catalog at Explore, or see today's palette.