Tempered Moss color palette — #FFF2EA · #E7C382 · #BEA441 · #7B9320 · #3D552B
Olive Leaf and Gold set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Honey (#E7C382): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Gold (#BEA441): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#7B9320): A luminous, balanced green — the color of fresh herbs.
- Deep Olive (#3D552B): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Gentle Moss color palette (#FFF3E2, #EBCF72, #B29E00, #7D7A17, #3A3C14)
- Tempered Emerald color palette (#FFF3CF, #C7D18F, #92B552, #339C5C, #1A5743)
- Airy Archive color palette (#D0F3D8, #C7B673, #A99822, #6C6B00, #4A511E)
- Wandering Alley color palette (#FFE0D3, #F9BB9A, #E19944, #AB8400, #494612)
- Washed Garden color palette (#FFDAB7, #D19B0A, #837200, #49500D, #00342F)
- Feathered Alley color palette (#FBF5E2, #CFD18E, #AFB7FF, #A6A500, #3B3E66)
- Pine Alley color palette (#F1EFE1, #718300, #137412, #004C34, #000C08)
- Clover Field color palette (#E1E9D6, #6AC272, #00A578, #007D71, #003135)
Browse the whole catalog at Explore, or see today's palette.