Tempered Canyon color palette — #DAE8DD · #7BA7D0 · #1749B7 · #002936 · #01000A

Cobalt and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DAE8DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#7BA7D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#1749B7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Midnight (#002936): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Denim Coast color palette (#E5F0E7, #66AEC4, #005C81, #002B2B, #000104)
• Navy Grove color palette (#F9EEDE, #4285C1, #123582, #00212B, #060227)
• Worn Indigo color palette (#F2E0E5, #7AA5CD, #5862E0, #005D60, #100021)
• Softworn Cobalt Lagoon color palette (#EEF8F0, #9CD5F2, #007FCE, #005059, #00072E)
• Antique Aubergine color palette (#E8D9EE, #D69ABC, #C56A75, #491C8C, #030003)
• Timeworn Courtyard color palette (#E3DFFF, #7C2492, #5D4000, #003A3C, #030004)
• Aubergine Courtyard color palette (#E6E9FF, #7655C3, #5C0094, #1E0025, #030003)
• Dusty Turquoise Workshop color palette (#F0F7F1, #D8D6E2, #65B0DB, #007F80, #082F54)

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