Tempered Pier color palette — #DBEFF1 · #358A7C · #00504D · #003053 · #00201B

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

The five colors

• Frost (#DBEFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#358A7C): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#003053): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00201B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, 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

• Ancient Pier color palette (#D5EFE6, #66854D, #0E530B, #003638, #0F2000)
• Worn Garden color palette (#D8F0E9, #3F8A62, #004F48, #41153C, #000A0A)
• Weathered Balcony color palette (#D1EBE9, #5E9A7E, #006450, #553700, #003220)
• Hushed Teal Market color palette (#E9F5D9, #00C2A2, #009287, #38698B, #002119)
• Worn Fern Coast color palette (#D5F0E3, #738143, #324F00, #55140A, #181E00)
• Denim Basin color palette (#E0ECEC, #7CA3C5, #0657A1, #003B51, #001951)
• Aged Pine Grove color palette (#E1FCF8, #7DB18E, #007D58, #724509, #164529)
• Weathered Jade color palette (#F0EFD5, #54A679, #007066, #632E5D, #161E00)

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