Tempered Moss color palette — #F7D6C8 · #CEAD5B · #7CA01C · #007D47 · #002F2B

Olive Leaf and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7D6C8): A whisper-light, dusty orange — the color of toasted spice.
• Gold (#CEAD5B): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#7CA01C): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007D47): A full-bodied, balanced teal — the color of glacier melt.
• Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Soft Emerald color palette (#F0DCBF, #AEBE68, #2BA759, #00716B, #002D3A)
• Olive Drift color palette (#E9E2D2, #AAAA4A, #608600, #005E25, #002E21)
• Gentle Olive color palette (#F7E4E5, #E59A6F, #B18900, #4C7200, #002C15)
• Misty Grape Quarry color palette (#F6D7C5, #D79E43, #45A766, #7E3D98, #282500)
• Ancient Moss color palette (#E5E1C9, #79A312, #00835A, #005056, #000E18)
• Weathered Moss Summit color palette (#EFECDB, #7B9900, #495A39, #313029, #080400)
• Ultramarine Drift color palette (#DFE4D4, #5AB979, #1A9D54, #3854C5, #291D00)
• Muted Plum color palette (#F6E8DF, #CEB595, #83A674, #A4567C, #3F3834)

Browse the whole catalog at Explore, or see today's palette.