Tempered Pier color palette — #D9E4DA · #009198 · #BF2836 · #005155 · #2B0003

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

The five colors

• Bone (#D9E4DA): bright and airy, almost weightless.
• Cerulean (#009198): A full-bodied, balanced blue — the color of open sky before noon.
• Ruby (#BF2836): A full-bodied, vivid orange — the color of autumn markets.
• Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2B0003): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Balance. Tagged warm.

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

• Hazy Alley color palette (#E6EDDF, #009573, #B1326F, #00543F, #280013)
• Weathered Pier color palette (#DAEFE0, #17A2B8, #C0573F, #00606E, #390700)
• Misty Plum color palette (#C9E2F1, #008CAF, #BF006F, #005167, #4B0A2B)
• Ancient Terracotta Bloom color palette (#D4EDDF, #007794, #8F3B00, #003D4D, #130300)
• Muted Canyon color palette (#CEF3E9, #3683C9, #906000, #00487E, #1C0F00)
• Hushed Mulberry color palette (#DBF6E2, #007986, #8D308D, #5F4900, #000E10)
• Frosted Amber Hollow color palette (#E6F6EF, #6CADD1, #C47846, #006D97, #3F1D04)
• Washed Balcony color palette (#F0E3D8, #9E8159, #7F4300, #571A00, #140D00)

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