Tempered Canyon color palette — #F7EBDE · #A17B49 · #3E3B34 · #281C0D · #110B07

Mocha and Onyx set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EBDE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A17B49): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#3E3B34): a grounded near-black with real depth.
• Onyx (#281C0D): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#110B07): quiet, heavy and certain.

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

• Muted Coast color palette (#ECF4EC, #C2914F, #41604E, #313B31, #261F23)
• Moonless Loft color palette (#F5EAD4, #7F6900, #262E00, #151000, #070300)
• Ancient Villa color palette (#FBF4EC, #D1A572, #625400, #362818, #150E0A)
• Plum Canyon color palette (#F7F2DE, #9AA267, #4E96BE, #A75D7B, #2C2714)
• Driftwood Field color palette (#F6F1E8, #CAC4A4, #87873F, #8D4E31, #32312A)
• Tempered Forest color palette (#DBE5CA, #006D47, #374046, #002421, #000B05)
• Olive Balcony color palette (#F6F2E4, #B6B788, #9A92D4, #78760F, #462437)
• Patina Cypress Summit color palette (#F5F1EB, #C9E1E0, #77A897, #117A7E, #422D44)

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