Tempered Harbor color palette — #F5F6EE · #B7C7AC · #528C94 · #7E5C56 · #475141

A conversation between Storm Blue and Pewter, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Pistachio (#B7C7AC): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#528C94): A luminous, dusty blue — the color of open sky before noon.
• Pewter (#7E5C56): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal Brown (#475141): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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 Terrace color palette (#E5F6F3, #9FD0B8, #598C95, #566755, #233535)
• Tempered Chestnut Quarry color palette (#F8F5ED, #C1C4A2, #4B907D, #7C6217, #4F5100)
• Muted Blush Studio color palette (#F5F7EA, #91BE90, #C97CA8, #4D814D, #664242)
• Bronze Pier color palette (#F5F6ED, #AADFC5, #6FA89D, #A07338, #405612)
• Washed Azure Lagoon color palette (#FBF3F0, #CAE8E3, #69A0C5, #487B62, #5E4C5B)
• Tempered Parlor color palette (#ECF8F6, #C0E6E8, #92BECA, #A893A1, #3C5253)
• Softworn Thicket color palette (#F5F7E5, #77A671, #BB6F84, #9A6472, #42433C)
• Antique Boulevard color palette (#FCF4E4, #83A771, #007459, #4E4B44, #36362F)

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