Tempered Moss color palette — #F5EFE0 · #859A4B · #006A48 · #004243 · #002B3E
Moss and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EFE0): A whisper-light, dusty gold — the color of old brass.
- Moss (#859A4B): A luminous, balanced green — the color of fresh herbs.
- Pine (#006A48): A full-bodied, balanced teal — the color of sea glass.
- Deep Teal (#004243): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002B3E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Calm, Sophistication. Tagged muted, cool.
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
- Faded Hollow color palette (#EADDD4, #A68E2F, #386E00, #003D2E, #032431)
- Hushed Cabin color palette (#EFE5AF, #7FA975, #007A5B, #004D58, #002F56)
- Hushed Emerald Meadow color palette (#D8E6D1, #21A95F, #006D53, #003A37, #001316)
- Frosted Navy Cabin color palette (#EEF2E1, #31A577, #00676A, #003C50, #0C0078)
- Dusty Pine Corridor color palette (#E7E8C7, #298D48, #005449, #002E3C, #001536)
- Aged Fern color palette (#EFEFE8, #C8CEC3, #92A797, #366200, #2F2F1D)
- Antique Garnet color palette (#F6D5D0, #787E00, #005955, #62002D, #0D2C09)
- Lime Quarry color palette (#F6EDC9, #79CA32, #00A685, #007683, #00243B)
Browse the whole catalog at Explore, or see today's palette.