Tempered Harbor color palette — #F9F4EE · #C4DFEC · #B7BEEC · #72AEB6 · #614A5F

Lavender takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C4DFEC): A whisper-light, dusty blue — the color of open sky before noon.
• Lavender (#B7BEEC): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#72AEB6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#614A5F): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged coastal, cool, 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

• Antique Sky Terrace color palette (#E6FBF2, #AADDFC, #F0BA94, #6FB1D9, #524C47)
• Hushed Lagoon color palette (#FAF4EF, #C3E1F0, #C5A5C3, #51948B, #644958)
• Dusty Stone Grove color palette (#E4FBF4, #EDD8D3, #A3C6B0, #AFA9A0, #594959)
• Dusty Periwinkle Summit color palette (#EEF4EF, #D5DCF0, #72A1CC, #39757E, #2A3749)
• Aged Lantern color palette (#F8EDDC, #8CB4DD, #497BEE, #006984, #0F083B)
• Powder Garden color palette (#E5FBF4, #91CFFF, #EDA7B8, #A6B783, #2D4941)
• Tempered Loft color palette (#FAF4EB, #C8EAD4, #74BCE0, #00A09B, #0C4539)
• Azure Balcony color palette (#EFE9DF, #93C9E1, #479AD3, #007C83, #001D47)

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