Tempered Canyon color palette — #F0F7F3 · #DED4D3 · #CCB7B8 · #327E9A · #414A45

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#DED4D3): a clean, paper-quiet neutral.
• Stone (#CCB7B8): A luminous, dusty red — the color of embers at dusk.
• Slate (#327E9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#414A45): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Wandering Petrol color palette (#EDF3F7, #D5D8E4, #BBBCD1, #357EA1, #252D33)
• Hushed Pewter color palette (#FAF3F5, #E1D7D3, #C7ACA8, #6F5493, #47343C)
• Fern Loft color palette (#F7F6E8, #ABB494, #3C8174, #256278, #3D4900)
• Hushed Chapel color palette (#ECF8F5, #DFCCD9, #BE9CA7, #005D9D, #0D3B32)
• Abyss Grove color palette (#E5F4EE, #B2A4B0, #947583, #003C59, #001911)
• Cobalt Station color palette (#EBE1EB, #3D72B6, #432936, #271A27, #071515)
• Patina Petrol Meadow color palette (#FCF6DD, #51A6B4, #5267A2, #5B4D00, #1D4637)
• Softworn Delta color palette (#DFFFE8, #8FB8AC, #A37C8B, #796316, #4E5506)

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