Tempered Canyon color palette — #F1F7F0 · #CFDCDC · #D5BBC0 · #21928E · #343D34

Built around Fern, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#CFDCDC): bright and airy, almost weightless.
• Stone (#D5BBC0): A luminous, dusty red — the color of a theater curtain.
• Fern (#21928E): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#343D34): quiet, heavy and certain.

Feels like: 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

• Washed Lagoon color palette (#F5F6EE, #D1DCD7, #AEC3C2, #608E60, #3A3F00)
• Cobalt Lantern color palette (#EBF9F3, #EED6E7, #D6B3BD, #0081B6, #163B2F)
• Antique Teal Villa color palette (#F1F7F2, #CCDEDD, #ABC7CA, #2AB4B9, #353D36)
• Tempered Pier color palette (#FCF4E9, #B0BB84, #5C8E69, #316D79, #37362F)
• Ash Alley color palette (#EFF7F5, #DDD5D1, #A2A89C, #7D9FC0, #495652)
• Cerulean Boulevard color palette (#D8EDE2, #008EB2, #52354B, #12271D, #080F07)
• Tempered Market color palette (#DFE6E0, #B6C9C2, #B79BAD, #006E75, #122416)
• Chalky Cobalt color palette (#FFEADA, #46B7A6, #4D78B8, #7B4521, #143922)

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