Tempered Moss color palette — #CAE6D8 · #00A7D8 · #609913 · #006D8F · #1A3000
A conversation between Olive Leaf and Cyan, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CAE6D8): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00A7D8): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#609913): A luminous, vivid green — the color of a quiet forest floor.
- Peacock (#006D8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#1A3000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, 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
- Moss Study color palette (#D0E4D3, #00ADB7, #948900, #007178, #2E2A00)
- Washed Periwinkle Workshop color palette (#EDD5EE, #439AFD, #00A05B, #0062BB, #003219)
- Wandering Parlor color palette (#C6E3F5, #55D3FF, #B68400, #0090B5, #372500)
- Feathered Orchid color palette (#E6F1FF, #2E88E2, #A74CC1, #007A71, #001F40)
- Chalky Thicket color palette (#CDE4DB, #0089BE, #9D5500, #004F70, #401F00)
- Powder Corridor color palette (#CEFFF2, #BCD4FF, #AAACF6, #3B81A9, #1A324F)
- Washed Corridor color palette (#EEE6D3, #A8A15C, #857006, #624900, #252600)
- Byzantium Villa color palette (#FFF1F3, #DC8AE8, #00ABD7, #AE3CBE, #004154)
Browse the whole catalog at Explore, or see today's palette.