Tempered Pier color palette — #FFF1F6 · #55C4CB · #6287BF · #86572C · #224152

Aqua takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Aqua (#55C4CB): A luminous, balanced blue — the color of open sky before noon.
• Slate Blue (#6287BF): A luminous, balanced blue — the color of deep harbor water.
• Coffee (#86572C): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#224152): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Sophistication. Tagged retro, muted, cool.

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

• Soft Bloom color palette (#FFF3E6, #68E1E4, #5A94DE, #8A560B, #1E382A)
• Ancient Drift color palette (#FFF0F9, #7CC498, #3B94A7, #87515E, #1E4449)
• Softworn Pewter color palette (#E9FAF1, #8FC7E1, #8E8DB8, #747140, #384A5C)
• Turquoise Lagoon color palette (#EAF8FF, #42B5D2, #A86B85, #854D34, #423800)
• Hushed Indigo color palette (#FBE2B1, #00A9CF, #5F5BD3, #634800, #002B48)
• Muted Meadow color palette (#FAF3F8, #CCE1FB, #77AEC5, #448A71, #2E4A66)
• Weathered Driftwood Pier color palette (#E9FAF1, #B5CDA4, #6F9B81, #527886, #264A43)
• Ancient Hollow color palette (#DDFDFB, #74D5FD, #60AAF0, #9871A1, #2C404E)

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