Tempered Harbor color palette — #D0EBEC · #13C798 · #57767B · #394E4F · #0F1B1A

Jade takes the lead with Slate close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#D0EBEC): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#13C798): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#57767B): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#394E4F): A full-bodied, dusty teal — the color of shallow lagoons.
• Ink (#0F1B1A): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Tempered Harbor 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

• Tempered Lime Drift color palette (#D5EAE3, #9FB658, #537871, #3D4E48, #121B17)
• Turquoise Study color palette (#D0E9F6, #00BEDE, #5D7382, #3B4D55, #101A1E)
• Patina Jade Boulevard color palette (#D1EBEB, #27A77D, #31535E, #1A3334, #0F1B19)
• Teal Grove color palette (#E9F9F5, #BEE0B9, #87BB93, #759990, #254A45)
• Teal Terrace color palette (#B5F7E9, #75E3DB, #2EC6C4, #1C98A1, #004F58)
• Cypress Coast color palette (#C7E7EC, #007C6C, #003A3A, #161A20, #000A07)
• Cerulean Harbor color palette (#D8EEFF, #0097D0, #365775, #1C3242, #00050B)
• Aqua Veranda color palette (#E9F8FF, #54D1E8, #A5AEF3, #82B484, #1F3C48)

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