Tempered Pier color palette — #EDF9EF · #D6D7E5 · #25C0E8 · #00897A · #003A54

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Silver (#D6D7E5): bright and airy, almost weightless.
• Cyan (#25C0E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#00897A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003A54): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Antique Summit color palette (#EEF8F0, #D9D5E1, #6FB2FF, #008599, #1E2F6B)
• Hushed Azure color palette (#EEF9EF, #C9E5FB, #00A9D9, #00736C, #002740)
• Muted Cabin color palette (#EAF8FF, #D6DAE5, #B7ABA7, #00A8AB, #003D52)
• Petrol Quarry color palette (#E3F3E6, #75C6CB, #007388, #003F34, #000306)
• Faded Jade Quarry color palette (#FBF2F9, #A5F4FE, #4EC3FF, #14AB6D, #2B3F65)
• Gentle Ridge color palette (#FFF4E2, #87DEE9, #008DAD, #00685B, #004564)
• Misty Fuchsia color palette (#EAF8FF, #00C2E5, #DF6EC4, #9C8500, #00262F)
• Ancient Denim Studio color palette (#DBE4DD, #78A9C5, #005795, #002A30, #00000B)

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