Tempered Alley color palette — #E8FBF0 · #9AAA70 · #386F28 · #0E405E · #060900

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

The five colors

• Ivory (#E8FBF0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9AAA70): A luminous, balanced green — the color of fresh herbs.
• Olive (#386F28): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#0E405E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#060900): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, 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 Courtyard color palette (#E3FBF9, #51B896, #006F68, #3B3365, #000A06)
• Tempered Lantern color palette (#C9EADF, #629F5F, #005D3C, #132855, #000200)
• Ancient Olive color palette (#E2FDED, #B5C380, #56853E, #62436C, #001E16)
• Dusty Forest Drift color palette (#EFE9DA, #708331, #195300, #00324E, #171E00)
• Cerulean Corridor color palette (#EEF8F0, #93DADC, #00899E, #005342, #000F17)
• Powdered Olive color palette (#EFDCE3, #B8A759, #618E32, #854988, #201A00)
• Dusty Olive Chapel color palette (#CDE7D3, #837E1A, #324300, #200D3F, #010100)
• Mint Coast color palette (#D7FFF6, #76DD9A, #009476, #44509B, #002610)

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