Tempered Moss color palette — #F4DCE6 · #9C9F00 · #008B6B · #7F2E7D · #0B1B00

Moss takes the lead with Plum close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F4DCE6): A whisper-light, dusty rose — the color of a warm blush.
• Moss (#9C9F00): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#008B6B): A full-bodied, balanced teal — the color of shallow lagoons.
• Plum (#7F2E7D): A full-bodied, balanced pink — the color of a candy shop window.
• Ink (#0B1B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Timeworn Moss color palette (#F3E4EC, #579E00, #007875, #820054, #000F05)
• Sunlit Aubergine color palette (#F4E0E6, #C78B00, #4F9228, #5C3195, #1A1600)
• Weathered Mulberry Basin color palette (#DCF4E6, #A39100, #007F9D, #8F0069, #2A0007)
• Hazy Mulberry Field color palette (#EDDEE8, #00B476, #00849E, #9A1A36, #001B17)
• Clover Workshop color palette (#FFDCCD, #2AD25A, #00A1AE, #B03671, #003124)
• Washed Bloom color palette (#DDEDE1, #A1AF72, #558F56, #77611F, #181E00)
• Softworn Alley color palette (#E5E8DA, #80AF93, #579298, #7E5367, #460D2D)
• Emerald Garden color palette (#EBE3C4, #539422, #006A3E, #003E53, #011D02)

Browse the whole catalog at Explore, or see today's palette.