Tempered Harbor color palette — #FAF3F5 · #E4D9D3 · #CCBFB0 · #9C82B8 · #4F4548

Heather and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Bone (#E4D9D3): bright and airy, almost weightless.
• Stone (#CCBFB0): A luminous, dusty gold — the color of honey in a jar.
• Heather (#9C82B8): A luminous, balanced violet — the color of wild irises.
• Charcoal (#4F4548): quiet, heavy and certain.

Feels like: Creativity, Sophistication, Softness, Clarity. 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

• Timeworn Cabin color palette (#FDF2F0, #E2D9C9, #C7C49E, #C56083, #4F3A37)
• Hushed Taupe Cabin color palette (#FFF0FB, #EAB8BB, #B98E79, #677C6B, #3F5644)
• Muted Moss color palette (#FCF4EC, #D3C39C, #759D5A, #896677, #543F00)
• Orchid Dune color palette (#FFF1F3, #F7D5CF, #DDB49A, #B041B0, #452A2F)
• Softworn Peony color palette (#F4DFDF, #C669AD, #77391D, #39292A, #1E1519)
• Garnet Archive color palette (#EFE0DF, #B2A099, #9A8169, #70234F, #140505)
• Sunlit Peony color palette (#F1F9E2, #A7A8F6, #C55F84, #137368, #4E353D)
• Antique Terracotta color palette (#EAE3E0, #CCC2B7, #ADA585, #A63316, #2A1C14)

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