Tempered Canyon color palette — #F0F7F2 · #CDE1F9 · #61CEEB · #5DA898 · #334B5C

A conversation between Sky and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#CDE1F9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#61CEEB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Turquoise (#5DA898): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#334B5C): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Muted Lagoon color palette (#FCF3EF, #BCE9F3, #86C4E5, #55916C, #4D374B)
• Petal Delta color palette (#F0F5FF, #FBC8F7, #DCD8E2, #90AFD7, #454B5E)
• Feathered Apricot Pier color palette (#F0F5FF, #A9B9FF, #FF9178, #67BA84, #2C3850)
• Gentle Sky color palette (#E8FBEC, #A3E5FF, #3CB5FD, #00969D, #003167)
• Cerulean Ridge color palette (#DBEBDE, #65BFD3, #008FBC, #006D68, #001527)
• Misty Sapphire color palette (#D4E3D7, #74A6D3, #366DD9, #005A70, #06002B)
• Muted Quarry color palette (#D5F0FF, #A0D3FF, #72A6FF, #707CC3, #49456A)
• Hushed Cypress Hollow color palette (#F2F2EB, #CAE4CE, #5799A5, #006D68, #0C3422)

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