Tempered Pier color palette — #E9F5F2 · #ABEAE5 · #4B9C9E · #216C5C · #13303B

Built around Storm Blue, softened by Pine — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#E9F5F2): bright and airy, almost weightless.
• Sea Foam (#ABEAE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Storm Blue (#4B9C9E): A luminous, dusty teal — the color of shallow lagoons.
• Pine (#216C5C): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#13303B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Courtyard color palette (#E9F5F4, #C2E0FA, #5C92C5, #24677F, #1A2D43)
• Patina Summit color palette (#D0E9E6, #56A9BF, #00617D, #00393D, #000D16)
• Cypress Basin color palette (#F9F4ED, #D0E2CE, #4698A1, #1E7255, #2E503E)
• Linen Periwinkle Basin color palette (#E8F3FF, #67A9E9, #57A06F, #31689B, #002E2D)
• Washed Terrace color palette (#EAF2FF, #5D86F5, #AC5FA1, #007A80, #131E30)
• Weathered Aqua color palette (#E0F8F4, #56CEE4, #007E9A, #005153, #001D29)
• Aqua Canyon color palette (#FDF1F9, #CADFF7, #6ECBDC, #628E6F, #2A4253)
• Soft Sky Dune color palette (#B9E7FF, #3CB1F1, #2F80BD, #204D7A, #1A2F4D)

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