Tempered Alley color palette — #DCE1DB · #9BB8B8 · #BB9CB6 · #00837E · #0C170B

Built around Teal, softened by Mauve — the whole palette hums with sophistication.

The five colors

• Silver (#DCE1DB): bright and airy, almost weightless.
• Ash (#9BB8B8): A luminous, dusty teal — the color of shallow lagoons.
• Mauve (#BB9CB6): A luminous, dusty pink — the color of neon signs at night.
• Teal (#00837E): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#0C170B): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Aged Pine color palette (#E8ECE0, #9EB6B0, #74A2A5, #008757, #111605)
• Washed Chapel color palette (#E0E7E3, #AE9EA2, #AA84A5, #006E8A, #000D06)
• Abyss Orchard color palette (#D9E3E7, #A4B8C2, #739BB8, #005F63, #04171D)
• Abyss Ridge color palette (#D6E3E7, #8EA3B0, #697E96, #003F40, #000508)
• Worn Cobalt color palette (#EBE5EA, #CEBBB9, #C0A08F, #637CC5, #281A25)
• Faded Indigo Corridor color palette (#DBF6E6, #3DA1BF, #746AC6, #5A501A, #251F00)
• Tempered Pine Basin color palette (#F3EADE, #8EA23D, #008648, #006071, #0D1200)
• Turquoise Alley color palette (#ECF9EE, #C6DFE2, #E8C4DB, #00ACB9, #29372B)

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