Tempered Pier color palette — #E9FAF4 · #FFDDCE · #277CBA · #134137 · #07120F

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

The five colors

• Ivory (#E9FAF4): bright and airy, almost weightless.
• Shell Pink (#FFDDCE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cerulean (#277CBA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#134137): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#07120F): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Hushed Cobalt color palette (#FBF2FB, #FFE0BA, #4E76B5, #21385C, #150B15)
• Antique Denim Garden color palette (#E9F3FF, #DDA48C, #305783, #102842, #050D17)
• Celadon Corridor color palette (#EBF7FF, #ACE8A9, #51A0C1, #44687F, #15242D)
• Feathered Indigo color palette (#FFF0F9, #ABEF8C, #635ABD, #2A2657, #10030B)
• Washed Ridge color palette (#EDF8F4, #D5DCF9, #C481CA, #2691D7, #1D0C10)
• Ancient Quarry color palette (#EBF9F3, #50B4ED, #C4503B, #376632, #071E17)
• Hushed Sky Ridge color palette (#E9FAF1, #30C3F6, #BD983F, #797633, #102B20)
• Hushed Ash color palette (#F9F3F8, #E3D8D7, #B3B9AF, #8D9DC8, #443D42)

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