Tempered Stone Alley color palette — #F0F7F4 · #D3DCDD · #B8B981 · #AAB2BA · #4D5551

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Sage (#B8B981): A luminous, dusty green — the color of fresh herbs.
• Ash (#AAB2BA): soft and architectural.
• Charcoal Brown (#4D5551): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Stone 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

• Softworn Thicket color palette (#EFF7F8, #D4DBE2, #B5B3C4, #5AC1A8, #3E4A4C)
• Aged Lime Grove color palette (#EDF8F5, #CCDDE3, #ADAABA, #78BB14, #314440)
• Patina Driftwood Studio color palette (#F4F2EA, #D3D9D0, #A4B0AD, #968139, #38362F)
• Aged Mint color palette (#E3F7F3, #98C686, #628383, #445A56, #1B2421)
• Dusty Iris color palette (#EAFAED, #CED6A8, #80BF97, #8782C6, #2C4F48)
• Iris Lagoon color palette (#EDF8F4, #BDD098, #5DB8CE, #9776B5, #5F3628)
• Dusty Summit color palette (#DAE8EB, #A7B1BE, #8B9ABE, #00837A, #00181C)
• Dusty Olive color palette (#DDEAE5, #92A4A9, #6F8E9C, #5B6C00, #000D08)

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