Tempered Pier color palette — #F1F7F0 · #CBDEDA · #A3BAAB · #16726F · #343E33

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

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#CBDEDA): A whisper-light, dusty teal — the color of sea glass.
• Ash (#A3BAAB): A luminous, dusty teal — the color of glacier melt.
• Teal (#16726F): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#343E33): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Worn Coast color palette (#EEF7F9, #D4DAE2, #B7BED0, #409088, #303D40)
• Dusty Denim Corridor color palette (#EBF9F3, #BCDAD1, #BB9ABA, #00628A, #213930)
• Worn Abyss color palette (#D7E6DE, #90B2A5, #67877E, #003E50, #02190F)
• Softworn Driftwood Atelier color palette (#EEF8F5, #E1D3D1, #A79F97, #668B80, #4B5552)
• Dusty Bloom color palette (#FBF2F9, #EDD3D5, #D2B1C2, #5267A5, #483B46)
• Moss Summit color palette (#FAF5E3, #8CA658, #486F2D, #4A4C45, #36362F)
• Obsidian Petrol color palette (#D1ECDA, #006F83, #0C2D21, #07180E, #000504)
• Seafoam Loft color palette (#E8FBEC, #00E8E4, #00B9D1, #0084B3, #003641)

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