Tempered Harbor color palette — #FAF3F7 · #D6D4E1 · #B7C3F1 · #689C9F · #434D62

A conversation between Sky and Eucalyptus, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D6D4E1): a clean, paper-quiet neutral.
• Sky (#B7C3F1): A whisper-light, dusty violet — the color of twilight just after sunset.
• Eucalyptus (#689C9F): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#434D62): A full-bodied, dusty violet — the color of a velvet chair.

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

• Washed Powder Chapel color palette (#F0F5FF, #E1D9E2, #A8C6DD, #BAAC9F, #4C4D5F)
• Muted Ash color palette (#EEF4EF, #D1DDF3, #6EA4C0, #3B7774, #273848)
• Powder Orchard color palette (#EBF7FF, #D6D8F2, #9FB3EF, #8076A6, #4C4460)
• Muted Archive color palette (#F1F5FF, #BEC8FF, #B5C383, #9DA876, #30384B)
• Iris Coast color palette (#F1F5FF, #E2D5EE, #D7CE8A, #8D94D1, #27503C)
• Dusty Iris color palette (#EDF9EC, #D9DEFB, #7A8AE1, #00696C, #27103E)
• Dusty Stone color palette (#FFF1F6, #C9F0EA, #C8A2B0, #8A7184, #2E453D)
• Quiet Dune color palette (#FCF2F9, #97D8E5, #1582BC, #005439, #02052F)

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