Tempered Alley color palette — #FAF5E9 · #BDB079 · #7B99CC · #867100 · #5C435B

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

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Sage (#BDB079): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#7B99CC): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#867100): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#5C435B): A full-bodied, dusty pink — the color of peonies in June.

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

• Tempered Loft color palette (#F6F6EA, #9CBB8D, #AE89B9, #4D832B, #64424A)
• Iris Dune color palette (#E9F6EC, #C8B175, #8297E5, #886E23, #253148)
• Muted Periwinkle color palette (#FBF4E8, #DBC281, #8DAFFC, #A48941, #5D435A)
• Rust Grove color palette (#FFF2EA, #D2A48E, #6E9DCA, #B25317, #28574C)
• Timeworn Cobalt Harbor color palette (#F7F7E0, #88A174, #5392B6, #5274BB, #43433C)
• Washed Bronze color palette (#FAF4EB, #BFB89D, #9E7938, #7E5135, #484C00)
• Antique Sand Ridge color palette (#E7FBEF, #E6D58D, #A7C8FE, #B7A96C, #3F4E62)
• Soft Indigo Study color palette (#FDF6D3, #A1AD25, #6C59CE, #5B6200, #382B75)

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