Tempered Alley color palette — #DAE4D9 · #90BCA8 · #73729B · #306140 · #003332

Built around Pine, softened by Slate — the whole palette hums with nature and growth.

The five colors

• Parchment (#DAE4D9): bright and airy, almost weightless.
• Sage (#90BCA8): A luminous, dusty teal — the color of sea glass.
• Slate (#73729B): A full-bodied, dusty violet — the color of wild irises.
• Pine (#306140): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#003332): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Muted Bloom color palette (#BBF1FF, #74B0CF, #846F9A, #006343, #003843)
• Misty Fern color palette (#CEEEBB, #77B3B0, #5D79A9, #565B19, #223500)
• Timeworn Abyss color palette (#CDE6D5, #76A188, #6F5F8E, #094E1F, #001F24)
• Worn Driftwood color palette (#D0EEE3, #CAA5B1, #A57B73, #466049, #263C29)
• Timeworn Pine Loft color palette (#C0F0F8, #94C5E6, #A783B7, #388260, #185143)
• Basalt Market color palette (#FCECFA, #D6BCC2, #AF8F86, #536F65, #483348)
• Indigo Corridor color palette (#F8F0E8, #AFD4F8, #6D78D8, #006166, #30134A)
• Aged Driftwood Corridor color palette (#FAD8F5, #B0A7D4, #9E5F97, #68542D, #444B10)

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