Tempered Harbor color palette — #FFF1F6 · #C5F4EE · #C7A3B0 · #8E6F87 · #2F443E

A conversation between Slate and Honeydew, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Honeydew (#C5F4EE): A whisper-light, dusty teal — the color of glacier melt.
• Rosewood Mist (#C7A3B0): A luminous, dusty rose — the color of a warm blush.
• Slate (#8E6F87): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#2F443E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged earthy, warm, light, 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

• Wandering Stone color palette (#EBF9EF, #BCE6E9, #96B89E, #926E7F, #2F4441)
• Worn Seafoam color palette (#E9F9F9, #95D3B4, #D1A292, #A67464, #203637)
• Patina Taupe color palette (#FFF1F6, #EDDBAE, #BF9470, #8F5B55, #19392F)
• Weathered Chestnut color palette (#FDF3EA, #C7B695, #9E7751, #884B2B, #514800)
• Patina Driftwood Balcony color palette (#FAEEF2, #A7C4AC, #9C7C5A, #6C4D5E, #213027)
• Aged Thicket color palette (#DAFDFF, #BCE0FA, #8DBEE9, #6C73AE, #4B2A5E)
• Powder Veranda color palette (#F1F5FE, #B1BDF2, #838EBE, #895552, #0A262A)
• Lagoon Station color palette (#EBF8FC, #E9D3CF, #519297, #314B54, #111D22)

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