Tempered Moss color palette — #F3F0CC · #699F00 · #007851 · #00413C · #001D23
Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Custard (#F3F0CC): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#699F00): A luminous, vivid green — the color of fresh herbs.
- Pine (#007851): A full-bodied, balanced teal — the color of sea glass.
- Forest (#00413C): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001D23): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Balance. Tagged 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
- Powdered Jade color palette (#E3F0DF, #00AB71, #006E6A, #004551, #00182F)
- Clover Orchard color palette (#E4EADB, #5DB747, #007850, #003831, #000405)
- Moss Meadow color palette (#F6E5D0, #A18F00, #566F00, #00441C, #001B17)
- Hazy Pine color palette (#DDF4DA, #009045, #005A3A, #003025, #001B17)
- Moss Alley color palette (#ECDAE3, #6D8E00, #00675C, #660049, #001D04)
- Clover Coast color palette (#BFEBE8, #BFAE00, #13B52C, #00859D, #001F12)
- Feathered Jade color palette (#EBF4BD, #9BD49C, #00A882, #007377, #004359)
- Antique Ridge color palette (#D7E9DE, #00887E, #005463, #002238, #000015)
Browse the whole catalog at Explore, or see today's palette.