Stone Alley color palette — #F6F1E7 · #B5B977 · #6F7C49 · #674E47 · #2D2710

Built around Sage, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Sage (#B5B977): A luminous, balanced green — the color of new leaves after rain.
• Walnut (#6F7C49): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#674E47): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#2D2710): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Lagoon Hollow color palette (#F1F4E5, #8EC1A0, #3E8569, #3C5E4C, #252A17)
• Hushed Fern color palette (#F8F1E4, #AAA35B, #646A22, #4B4540, #231B06)
• Ancient Driftwood Grove color palette (#F4F2E6, #C6C6A2, #838941, #8A5127, #31312B)
• Quiet Coral Market color palette (#FFEEE7, #F17C76, #859742, #954B48, #2E2800)
• Basalt Quarry color palette (#FEF3E8, #D0C4A0, #789A72, #8A6578, #514000)
• Feathered Moss Workshop color palette (#EDE5C9, #88A120, #416800, #6B2214, #131900)
• Washed Archive color palette (#ECE6D6, #788000, #394B00, #3F2200, #070900)
• Ember Lantern color palette (#FFEEE6, #D56858, #927E28, #845988, #2D180E)

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