Tempered Alley color palette — #FCF4E6 · #DECFAC · #BDAB79 · #A48245 · #3F3D36

Caramel and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FCF4E6): A whisper-light, dusty gold — the color of old brass.
• Wheat (#DECFAC): A whisper-light, dusty gold — the color of old brass.
• Camel (#BDAB79): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#A48245): A luminous, balanced gold — the color of old brass.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Basalt Corridor color palette (#FDF4E4, #C7BE9E, #A28D59, #875F3B, #423F00)
• Driftwood Loft color palette (#FFF2EB, #EAC9B1, #D69D87, #B67466, #5A3200)
• Worn Quarry color palette (#EFE0CD, #C4AF83, #BB8215, #975B00, #2D2300)
• Bronze Delta color palette (#E0F9E8, #B5AD79, #857440, #5D4821, #0F281E)
• Olive Chapel color palette (#EFE9DA, #939549, #7C6F00, #5D4A00, #0A0D00)
• Rust Meadow color palette (#F5D7C5, #EDA57A, #E16F3C, #C3391C, #401F00)
• Powdered Chestnut color palette (#FFEADA, #AB723C, #924900, #6A2800, #070300)
• Blush Coast color palette (#FEF2F0, #FEC3CC, #EB9573, #F66D8D, #331E11)

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