Tempered Canyon color palette — #F9E8F1 · #B76D47 · #29422F · #271921 · #0F0B0F

Caramel takes the lead with Forest close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F9E8F1): A whisper-light, dusty pink — the color of peonies in June.
• Caramel (#B76D47): A luminous, balanced orange — the color of sun-warmed clay.
• Forest (#29422F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#271921): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#0F0B0F): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Dusty Hollow color palette (#F3EAF4, #BD646C, #4D3240, #231B24, #0E0B11)
• Timeworn Bronze Field color palette (#E3F2E8, #98811E, #25423C, #142219, #110A0D)
• Inked Bronze color palette (#F8E3E9, #945D00, #2E2B00, #1E0710, #070105)
• Patina Tangerine color palette (#FEEFE4, #E57A3C, #745002, #40362F, #27201D)
• Muted Azure color palette (#E8F6E8, #BC945E, #5092CF, #856C9A, #1E2B1E)
• Hushed Chestnut Chapel color palette (#E0F2E1, #704E00, #44514D, #191D00, #000801)
• Bronze Grove color palette (#FFDEF3, #E4A87F, #AC7900, #705D18, #193A30)
• Wandering Thicket color palette (#E9F6EB, #CCAF73, #7B9CDB, #8C6C23, #20314B)

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