Tempered Canyon color palette — #E7F6EE · #65B9D1 · #7B6FA4 · #585426 · #202E3B

Cyan and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F6EE): a clean, paper-quiet neutral.
• Cyan (#65B9D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#7B6FA4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#585426): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#202E3B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Worn Dune color palette (#FDEDF4, #6DBDA8, #527CA8, #724529, #193037)
• Weathered Periwinkle Drift color palette (#E6FCEA, #6DACED, #766FA1, #755032, #3D485A)
• Dusty Quarry color palette (#E9F3FC, #5BA5D5, #966536, #584C0D, #033020)
• Plum Drift color palette (#DBF9F9, #8B97D6, #9C4B73, #005349, #202036)
• Aged Aqua Quarry color palette (#FDF5E2, #64CDF2, #9889B7, #787042, #504251)
• Driftwood Quarry color palette (#F8EFF3, #B0CBB6, #7E895B, #5E5F76, #28352B)
• Ash Pier color palette (#E1F6FF, #BECDE0, #9D90B2, #59726D, #2E443F)
• Quiet Boulevard color palette (#CFFDF3, #009DD9, #8B14C0, #274900, #081940)

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