Tempered Moss color palette — #FFF1F5 · #E69D7E · #7D911A · #5F5C91 · #30432F
Olive Leaf and Camel set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Camel (#E69D7E): A luminous, balanced orange — the color of toasted spice.
- Olive Leaf (#7D911A): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5F5C91): A full-bodied, balanced violet — the color of a velvet chair.
- Forest (#30432F): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, 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
- Quiet Bronze color palette (#E9FBEB, #EF9490, #9A8600, #4E5F9B, #4C3541)
- Gentle Atelier color palette (#FFF0F9, #D5A960, #2A9E61, #765388, #254537)
- Aged Market color palette (#FFF3E4, #FCBC8A, #8E995C, #5D5C95, #35312B)
- Amber Balcony color palette (#FFF4E2, #C98820, #6A6F2E, #275272, #403D36)
- Lagoon Boulevard color palette (#EBF9F2, #A8D1A8, #51A090, #756C88, #2D4845)
- Faded Courtyard color palette (#FFF0FA, #E98668, #008FA8, #6C4E87, #422D54)
- Muted Amber color palette (#DCE8DF, #AD8B00, #2B5650, #223227, #1E151A)
- Moss Orchard color palette (#FAE7FF, #86B24F, #008793, #82375A, #003838)
Browse the whole catalog at Explore, or see today's palette.