Tempered Alley color palette — #EAFAF1 · #B9E9D6 · #A4A16D · #776A38 · #1C3830

Walnut and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint (#B9E9D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A4A16D): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#776A38): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#1C3830): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered Alley 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 Terrace color palette (#E8FAF0, #B1DBCE, #B5AF71, #A28253, #214441)
• Softworn Bronze Canyon color palette (#F9F1DE, #B2AD84, #7E7734, #60471E, #222512)
• Timeworn Amber color palette (#DDFFE7, #DDD192, #B08D12, #7D5800, #2B2900)
• Taupe Ridge color palette (#FFF1F7, #FBCFDE, #BD9477, #825E72, #263726)
• Eclipse Bronze Thicket color palette (#D1E4D2, #8B6E1C, #503600, #1D0F00, #020100)
• Muted Olive Canyon color palette (#EEF6FF, #67A4D8, #6D8738, #00674D, #072029)
• Muted Driftwood color palette (#FFF0F9, #E9BDA4, #B47962, #7B483D, #341624)
• Soft Courtyard color palette (#F3F4FF, #C29EF4, #D4857D, #008099, #212238)

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