Tempered Pier color palette — #D5F7ED · #EF7D5B · #003F68 · #23252C · #000814

Salmon and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D5F7ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Salmon (#EF7D5B): A luminous, balanced orange — the color of autumn markets.
• Navy (#003F68): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#23252C): quiet, heavy and certain.
• Ink (#000814): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Rust Lantern color palette (#DBECFD, #C55126, #002945, #1E1823, #000A16)
• Dusty Thicket color palette (#FBE7FA, #D6913B, #00377F, #00061A, #030003)
• Hushed Driftwood color palette (#FCF2F8, #C9EED7, #9D7992, #533F4D, #21181E)
• Denim Grove color palette (#FBF2F9, #EBD3D2, #CDB3B7, #4259A7, #140812)
• Jade Parlor color palette (#D8EAF8, #6FBA7B, #007199, #003E56, #000306)
• Ultramarine Veranda color palette (#FFF0FC, #E4C040, #324AB8, #090B5D, #030003)
• Muted Pewter Basin color palette (#FFF1F4, #BEDC9E, #7A4F8C, #341C3E, #0D0003)
• Tempered Cobalt color palette (#FCF1FD, #FFDEC6, #5179A7, #462F48, #150B16)

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