Tempered Garden color palette — #F5F6EF · #D6DBD7 · #A7B4B3 · #8AA675 · #535348

A conversation between Moss and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D6DBD7): bright and airy, almost weightless.
• Ash (#A7B4B3): soft and architectural.
• Moss (#8AA675): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#535348): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Garden 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

• Patina Bloom color palette (#D9E5DC, #A5BAB0, #769F95, #005E69, #02190A)
• Hushed Pier color palette (#F7F5EE, #D2D3BB, #7FA789, #8E7D34, #525000)
• Wandering Corridor color palette (#EFF4E8, #6DAB8A, #4E5D49, #2F3F00, #22221B)
• Worn Villa color palette (#F4F6EC, #94BE96, #6193B2, #895188, #5D391A)
• Emerald Atelier color palette (#F4F6EF, #CEDFD6, #A9C8BF, #269E5D, #3A4600)
• Softworn Terrace color palette (#DFE1D8, #A1A798, #7B8C75, #09540C, #090A00)
• Muted Aqua color palette (#F3F7EB, #C4F3D2, #7AE5D3, #4FCFCF, #444841)
• Cerulean Ridge color palette (#EBF9F1, #CBE5DC, #D1B2CF, #0085A1, #1A3A2A)

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