Tempered Moss color palette — #FFF0FB · #FFD0DB · #FFB095 · #A0A600 · #200E00
Built around Moss, softened by Melon — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Shell Pink (#FFD0DB): A whisper-light, dusty red — the color of a theater curtain.
- Melon (#FFB095): A whisper-light, balanced orange — the color of autumn markets.
- Moss (#A0A600): A luminous, balanced green — the color of a quiet forest floor.
- Ink (#200E00): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged candy, vibrant, 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
- Amber Field color palette (#FFF1F4, #E1D2D5, #FFB0C5, #C29500, #2D0C00)
- Dusty Moss Summit color palette (#FFF1F7, #ECD3D3, #FFC28D, #51B200, #1C1200)
- Patina Mustard color palette (#DEFEEF, #FFC4B1, #BBB200, #009384, #000800)
- Misty Marigold color palette (#FFF2EA, #FFC9C3, #FFB090, #F09400, #461D00)
- Gentle Sunflower color palette (#FFF5D6, #E3D6C1, #EDC700, #00BD7D, #141800)
- Tangerine Veranda color palette (#FFEBF7, #FF988D, #FF712F, #A96600, #1E0800)
- Moss Station color palette (#FFF1F5, #FFB78F, #889648, #465E85, #072A5D)
- Gentle Apricot Lantern color palette (#FFE1DB, #FF933D, #A87300, #5B4D00, #213000)
Browse the whole catalog at Explore, or see today's palette.