Tempered Harbor color palette — #E5F1E9 · #A5B8B0 · #988799 · #004C59 · #000F05

A conversation between Deep Teal and Ink, giving this palette its sense of trust and stability.

The five colors

• Cream (#E5F1E9): bright and airy, almost weightless.
• Ash (#A5B8B0): A luminous, dusty teal — the color of sea glass.
• Heather (#988799): A luminous, dusty pink — the color of peonies in June.
• Deep Teal (#004C59): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000F05): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Weathered Abyss Hollow color palette (#DAE2E6, #AEBBC7, #858DA7, #004E57, #0C232B)
• Aged Veranda color palette (#D3E4DD, #A79CA7, #897483, #003B56, #000603)
• Navy Veranda color palette (#E7E0E6, #C0ADB8, #9E858F, #183E89, #130513)
• Softworn Denim color palette (#E8F5F1, #E2CCDE, #C2A0B2, #005F9C, #031F19)
• Weathered Grove color palette (#EAE1E8, #9B8791, #80616B, #121C6A, #040003)
• Wandering Garden color palette (#EFEED7, #558659, #005137, #003131, #000B01)
• Timeworn Alley color palette (#DBF3FF, #617FAA, #544A79, #4B2715, #180F00)
• Muted Pewter color palette (#F8EFF2, #E2D2CD, #C7B1B1, #6F5791, #2A1B21)

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