Tempered Harbor color palette — #E6F1FF · #7C84B7 · #6A437A · #4B3107 · #2A2700

A conversation between Plum and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Frost (#E6F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7C84B7): A luminous, dusty violet — the color of wild irises.
• Plum (#6A437A): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#4B3107): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#2A2700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Softworn Indigo color palette (#E4E9FF, #8164A8, #67375C, #322800, #001D0C)
• Cobalt Coast color palette (#D3E4E9, #3C82BB, #4B4C8A, #5B2417, #163014)
• Weathered Ridge color palette (#D0EDFB, #8593CA, #7E6489, #40581A, #1B2B00)
• Antique Archive color palette (#E1DCF8, #B069AB, #804659, #134537, #002F29)
• Timeworn Workshop color palette (#F5DEE6, #BC95BF, #A37690, #954F2F, #3E2200)
• Denim Dune color palette (#DDEDE0, #4DA9D9, #005999, #003D45, #081B49)
• Dusty Summit color palette (#F2F4FF, #C2BBDC, #95879D, #627A70, #3C5451)
• Linen Coast color palette (#DCDFF0, #813BDC, #556100, #480E84, #191D00)

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