Tempered Harbor color palette — #EFF3EC · #CFDAD5 · #A2AFB1 · #78896B · #343732

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

The five colors

• Cream (#EFF3EC): a clean, paper-quiet neutral.
• Silver (#CFDAD5): bright and airy, almost weightless.
• Ash (#A2AFB1): soft and architectural.
• Eucalyptus (#78896B): A luminous, dusty green — the color of fresh herbs.
• Charcoal (#343732): a grounded near-black with real depth.

Feels like: 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

• Driftwood Study color palette (#EEF7F8, #D4DBE0, #B0AAB2, #608B8D, #4A5556)
• Hushed Workshop color palette (#F6F1E8, #C8C696, #80885B, #666519, #33312A)
• Muted Ash color palette (#DFFAE6, #B4CFC1, #7BA397, #6F5D63, #4F383C)
• Washed Spruce color palette (#DAE2D8, #819381, #59725F, #00312D, #000200)
• Softworn Abyss color palette (#D7E2DC, #A0BAB1, #9A859D, #004B63, #010E08)
• Ancient Station color palette (#EDF4ED, #C1E1DB, #A8C8B5, #007B7C, #1B291C)
• Muted Teal Garden color palette (#F3F3E2, #4EC1B3, #38858F, #4A4F73, #243023)
• Ancient Seafoam color palette (#E8F7E7, #ADF1F6, #7AD8D5, #5FA3B4, #1F3320)

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