Tempered Moss color palette — #F7F6E2 · #6C8E36 · #00808D · #005887 · #34332C

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

The five colors

• Cream (#F7F6E2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#6C8E36): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#00808D): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005887): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#34332C): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

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

• Wandering Emerald Garden color palette (#F2F8EA, #029966, #0078B4, #484C88, #31342D)
• Pine Chapel color palette (#FCF5DF, #84A552, #287D3F, #00576B, #3D3E37)
• Hushed Olive color palette (#EBE7BB, #577400, #00656E, #004164, #192400)
• Soft Lapis Dune color palette (#E3FEE5, #00878C, #5547DF, #6C1F83, #16331B)
• Timeworn Pewter color palette (#F7F5EF, #D7DCD4, #B7C4B4, #747942, #4B483C)
• Linen Olive color palette (#EAFAC6, #97BB7D, #488B39, #005F2D, #004930)
• Tempered Corridor color palette (#FDEFE2, #BE7119, #7269B3, #594873, #24170A)
• Quiet Delta color palette (#CDE5D5, #006E81, #6120BA, #5F005D, #032111)

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