Tempered Pier color palette — #D5ECE4 · #B75D37 · #393138 · #002944 · #000A16

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

The five colors

• Honeydew (#D5ECE4): A whisper-light, dusty teal — the color of shallow lagoons.
• Terracotta (#B75D37): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#393138): quiet, heavy and certain.
• Midnight (#002944): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Bronze Pier color palette (#FAE7FA, #AA6A00, #002457, #00081E, #070007)
• Navy Station color palette (#F5EDF3, #C4B4BB, #AF7F88, #283F82, #281A26)
• Quiet Quarry color palette (#E0F1FF, #CE9D16, #0070A0, #003E5A, #000307)
• Olive Loft color palette (#D5EFFE, #3C8E1C, #002F3C, #1B1315, #00090E)
• Misty Nightshade color palette (#F5DCEF, #AF8F00, #1A00B1, #080E4E, #1D041A)
• Muted Aubergine Pier color palette (#FAE9ED, #88A769, #601F75, #30123B, #211015)
• Aged Denim color palette (#D4E3DD, #00587D, #573E00, #362500, #00120B)
• Aged Denim color palette (#FBF2F8, #C0C593, #525A88, #4A2E42, #2E2224)

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