Tempered Pier color palette — #F6EFF4 · #D3D2E8 · #7FA1B9 · #447768 · #24384E

Teal takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#D3D2E8): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7FA1B9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#447768): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#24384E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Weathered Cypress Studio color palette (#EFF7F6, #D2DEEE, #68A3B5, #2A7C7D, #385769)
• Tempered Denim Studio color palette (#E9DBE5, #74A5B7, #00617E, #003B2B, #000B1B)
• Antique Driftwood color palette (#E2F7F5, #C9DEEF, #B7ADB5, #70998A, #263B3F)
• Navy Dune color palette (#EAE0E6, #438296, #003F63, #00201C, #00000C)
• Pine Cabin color palette (#E1F7F6, #8EC29A, #BF88AD, #3D8253, #362B44)
• Aged Cobalt Pier color palette (#FEECF4, #ADD6F2, #4585CE, #006262, #1A1E4E)
• Washed Pewter Coast color palette (#E9F6EA, #A7C3B4, #708B73, #6E4C5D, #1E302B)
• Softworn Cobalt color palette (#F3E5E9, #97B7D4, #4067B8, #004A51, #140C38)

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