Tempered Pier color palette — #EEF8F0 · #88E0DA · #00909C · #00694B · #004858

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Lagoon (#88E0DA): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#00909C): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00694B): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004858): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Cobalt Station color palette (#EAFAED, #79DEFF, #0089C3, #006668, #1E4167)
• Muted Archive color palette (#F9EEF5, #A4DAE6, #0093A6, #006733, #00293B)
• Aqua Thicket color palette (#E9FBEC, #00D1D3, #007C8C, #005844, #00394B)
• Dusty Coast color palette (#FEF2EC, #A6EAE5, #00AEC6, #008849, #004662)
• Ash Study color palette (#F0F7F1, #D2E0F3, #6DA2B5, #47777F, #445563)
• Antique Cerulean color palette (#E6F4E9, #238EA7, #00425C, #002222, #000A18)
• Washed Denim Market color palette (#D8E7DA, #59ABC7, #005E89, #003E3F, #001F41)
• Patina Petrol color palette (#EFF6FF, #E6D4EF, #D6A4E0, #167AA8, #353D62)

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