Tempered Canyon color palette — #F7F6EB · #90A065 · #47759C · #793F4A · #48413C

Moss and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Moss (#90A065): A luminous, balanced green — the color of fresh herbs.
• Slate (#47759C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#793F4A): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal (#48413C): quiet, heavy and certain.

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

• Softworn Teal Drift color palette (#F3F7ED, #68A883, #696C99, #764530, #5E3900)
• Tempered Denim color palette (#FAF4EC, #B09361, #397C80, #66456E, #5F362D)
• Wandering Cypress Parlor color palette (#FCF3EF, #CAE9E1, #7EA38F, #4A7B64, #315248)
• Pewter Bloom color palette (#F0F7F2, #82BDC6, #668FC0, #715C97, #5A344A)
• Aubergine Canyon color palette (#E7F4FB, #66A8B6, #5A719E, #5F3974, #331D3A)
• Weathered Lagoon Station color palette (#EDFCD6, #7CC2AD, #2B9494, #256F7F, #335A4A)
• Muted Bronze color palette (#F9F7DD, #C3CCBA, #829488, #9A5A3B, #614900)
• Soft Mulberry Villa color palette (#E9F6E9, #008887, #7B356E, #681B15, #342B00)

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