Tempered Canyon color palette — #EFF8EE · #A0E4DE · #C3C0F4 · #60BAB4 · #624154

A conversation between Turquoise and Lavender, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sea Foam (#A0E4DE): A whisper-light, dusty teal — the color of glacier melt.
• Lavender (#C3C0F4): A whisper-light, dusty violet — the color of twilight just after sunset.
• Turquoise (#60BAB4): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#624154): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged 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

• Tempered Sky Canyon color palette (#E7FAF3, #AADCFF, #E7B4DA, #70B0DC, #6A3F43)
• Patina Turquoise Pier color palette (#E8FBEF, #94E3F6, #C1CE96, #4DB9D1, #4F4D46)
• Hushed Teal Garden color palette (#EBF8FA, #B3F5E9, #FAB8BC, #00B29F, #563B58)
• Tempered Harbor color palette (#EBFAEB, #70DBDC, #A0BEF5, #9FB888, #354836)
• Tempered Lagoon Station color palette (#EEF9ED, #8ED3CE, #D99EB1, #3B9E98, #69413C)
• Softworn Thicket color palette (#F2F8E8, #ABE4C5, #EBBD91, #76B997, #6E4100)
• Wisteria Terrace color palette (#DDFFE7, #2DDCF7, #D19BFF, #00AAC1, #4B2468)
• Timeworn Aqua color palette (#E1FEE5, #B1F3F7, #76C6CD, #4E9B9F, #003E42)

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