Tempered Moss color palette — #E8FAF2 · #B1EAEB · #FEB6BA · #9BA140 · #62383C
Moss and Ballet Pink set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
- Sea Foam (#B1EAEB): A whisper-light, dusty teal — the color of sea glass.
- Ballet Pink (#FEB6BA): A whisper-light, balanced red — the color of embers at dusk.
- Moss (#9BA140): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#62383C): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Moss 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
- Hushed Jade color palette (#EBF8F8, #BDF4D6, #F5BF8F, #41B27E, #5D3F21)
- Dusty Delta color palette (#FFF1F6, #EAE1B9, #EBB8EA, #CB8945, #49405F)
- Taupe Delta color palette (#E8FAF3, #CFDD98, #C8BCFF, #A3B25E, #464B67)
- Taupe Boulevard color palette (#EBF9F1, #F0E7B3, #8BDCDE, #AB9B42, #1C4D5B)
- Ancient Stone color palette (#E9F9F5, #C2DBF3, #C2C797, #C5BDC6, #38544F)
- Lagoon Courtyard color palette (#EFF7F6, #BBDEEF, #639370, #2B5035, #111E1D)
- Antique Field color palette (#DFFDF5, #BCE5EB, #9DBA7F, #587729, #25340C)
- Hushed Field color palette (#F4F3E2, #A7BE79, #9096D2, #697946, #422639)
Browse the whole catalog at Explore, or see today's palette.