Tempered Canyon color palette — #EAFAEF · #1FC3DD · #435B4F · #232E27 · #0D110D

Cyan and Charcoal Brown set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAFAEF): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#1FC3DD): A luminous, balanced blue — the color of deep harbor water.
• Charcoal Brown (#435B4F): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#232E27): quiet, heavy and certain.
• Ink (#0D110D): a grounded near-black with real depth.

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 Periwinkle color palette (#FEF0FD, #7EAEFF, #614D5C, #312830, #0B110F)
• Timeworn Summit color palette (#DAFFF0, #009ED9, #1E3E5C, #011A12, #000201)
• Patina Cerulean color palette (#E8F6EB, #0E8C9C, #463647, #1C2D21, #0F1813)
• Ancient Basin color palette (#FFF0FE, #ACCEFF, #D8A7DB, #6FAFAC, #403340)
• Dusty Lagoon color palette (#FFEFFF, #2787FC, #452A40, #170A17, #000201)
• Azure Chapel color palette (#EAF9F4, #D5DCF9, #A6DCAA, #68A0CD, #464740)
• Charred Alley color palette (#E6E4FA, #5500C3, #362B1D, #0E0300, #0A0018)
• Cobalt Harbor color palette (#CCEEE4, #007CC3, #321A32, #10141A, #000503)

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