Tempered Garden color palette — #E9F6ED · #937B00 · #2D413D · #222B25 · #1C1514

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

The five colors

• Cream (#E9F6ED): bright and airy, almost weightless.
• Walnut (#937B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#2D413D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#222B25): quiet, heavy and certain.
• Ink (#1C1514): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

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

• Softworn Rust color palette (#FEECF5, #BC5F2B, #324135, #30252B, #191415)
• Weathered Taupe Field color palette (#F8F1E3, #AE9B53, #595D10, #3D372D, #27201B)
• Worn Bronze color palette (#F7F1E5, #C8B76F, #887D33, #6B5000, #26211A)
• Midnight Balcony color palette (#D2E6DE, #647000, #0B331B, #001E15, #010A08)
• Aged Archive color palette (#DFFDF6, #77A856, #977CAF, #896A89, #314843)
• Inked Pier color palette (#D7E9EC, #00695F, #00232C, #001013, #000203)
• Mustard Delta color palette (#DEFFE4, #C0BD68, #7E9148, #476F4A, #335555)
• Softworn Mint Hollow color palette (#E3FBF6, #92BF77, #A38DC1, #5E7D4B, #494A64)

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