Tempered Canyon color palette — #E5F7F0 · #3585B2 · #493641 · #1E2C27 · #101715

Built around Cerulean, softened by Charcoal — the whole palette hums with trust and stability.

The five colors

• Ivory (#E5F7F0): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3585B2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#493641): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#1E2C27): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#101715): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Softworn Azure color palette (#E5F6F0, #69A3CB, #635260, #283D36, #1D2320)
• Sky Station color palette (#E7F4FE, #66C2F8, #737B92, #485762, #1C2325)
• Washed Hollow color palette (#F6DDE6, #805EA8, #422B2A, #2B1820, #130A0C)
• Sapphire Atelier color palette (#FAE4F8, #005EDD, #341F47, #231022, #03160D)
• Hushed Canyon color palette (#FFF0F8, #9491C5, #968A55, #637A46, #503B47)
• Shadow Aubergine color palette (#FFDFE7, #554D00, #580073, #201B08, #180006)
• Hushed Cobalt Thicket color palette (#D6FCE3, #90BDE8, #6881B8, #655D92, #6B444F)
• Timeworn Bloom color palette (#FFF0FB, #9FAEDC, #A29A65, #5D6FA9, #604A00)

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