Tempered Canyon color palette — #FCF3F0 · #CFE7E1 · #91BDA8 · #689270 · #5D4C5E

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3F0): a clean, paper-quiet neutral.
• Silver (#CFE7E1): A whisper-light, dusty teal — the color of sea glass.
• Sage (#91BDA8): A luminous, dusty teal — the color of sea glass.
• Fern (#689270): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#5D4C5E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Patina Powder color palette (#FAF4EE, #C6DFED, #9DB1DD, #53938F, #634A56)
• Muted Emerald Coast color palette (#F5F7E7, #ABD19D, #CAA0CF, #6F9A5D, #684048)
• Glacier Corridor color palette (#F9F4EE, #BDE3E9, #7AD7E8, #74B19C, #375145)
• Taupe Grove color palette (#FFF4E1, #CECF97, #89AC71, #558764, #415439)
• Hushed Fern color palette (#F6F6E8, #BDE1E3, #ABAAB6, #AE9A75, #415B1B)
• Tempered Chapel color palette (#F9EDE8, #4BA1AA, #006084, #003E23, #000525)
• Hushed Courtyard color palette (#FDF3EA, #B1E1D0, #7F94C9, #007C79, #3E3359)
• Basalt Delta color palette (#F5F7E3, #98BE8E, #C492B8, #AE7B85, #444600)

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