Tempered Alley color palette — #D1E3DD · #C67350 · #00385E · #00172C · #000F0B

Coral Clay and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D1E3DD): A whisper-light, dusty teal — the color of sea glass.
• Coral Clay (#C67350): A luminous, balanced orange — the color of autumn markets.
• Navy (#00385E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#00172C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000F0B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Alley 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

• Wandering Navy color palette (#E8D9E4, #9F8B3E, #1F2F6E, #091138, #140512)
• Ancient Cobalt Lagoon color palette (#D4E0EB, #FD9C74, #007ECB, #1F4C71, #030C16)
• Washed Grove color palette (#E0EEF8, #5AA068, #003E58, #001420, #000204)
• Patina Jade color palette (#CFE4DB, #77B683, #005D82, #002D41, #000F09)
• Aged Stone color palette (#FEF0FB, #BCAF75, #424F78, #40223A, #27161A)
• Aged Denim Lagoon color palette (#F4ECF2, #D9C6CE, #B2999C, #3B4D9B, #372933)
• Aged Courtyard color palette (#C0E9D9, #006A95, #684F00, #453500, #001E2D)
• Twilit Pier color palette (#FEE0F4, #697400, #15005D, #03001C, #0B0002)

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