Tempered Alley color palette — #ECFAED · #7AA696 · #267443 · #4F4074 · #0D3F31

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

The five colors

• Ivory (#ECFAED): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#7AA696): A luminous, dusty teal — the color of glacier melt.
• Pine (#267443): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#4F4074): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#0D3F31): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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 Cypress color palette (#EAF9F1, #6FA79F, #1A725F, #703642, #003F39)
• Softworn Study color palette (#EDF8F2, #92B9B2, #3E8270, #595478, #2C4944)
• Olive Station color palette (#F8F1E2, #9CA671, #3F7415, #563960, #201C07)
• Mulberry Cabin color palette (#D0F5EB, #4EA585, #00676D, #720565, #003727)
• Worn Cobalt color palette (#FBF2F8, #A5CCDF, #3F7EAE, #006249, #30385B)
• Aubergine Bloom color palette (#D9ECDE, #6C8354, #005238, #3B1C55, #112000)
• Terracotta Workshop color palette (#FDE8F4, #BE7A5D, #00889B, #903600, #003D46)
• Washed Oat Studio color palette (#FCF4E8, #C6D18E, #7AAF86, #9B7887, #37362F)

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