Tempered Harbor color palette — #EFF7F3 · #D2DBDC · #A1C7D9 · #B6ACA5 · #484F4C

Sky and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Silver (#D2DBDC): bright and airy, almost weightless.
• Sky (#A1C7D9): A luminous, dusty blue — the color of deep harbor water.
• Ash (#B6ACA5): a calm mid-gray that lets other colors speak.
• Charcoal Brown (#484F4C): quiet, heavy and certain.

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

• Antique Grove color palette (#FBF2F6, #E2D7D6, #C7C4B9, #A095C8, #483B41)
• Worn Cerulean color palette (#ECF3F7, #D6D7E0, #BAACB9, #63899D, #2F383C)
• Hushed Fern color palette (#F4F7EC, #B8E2DE, #A1B692, #7A8C78, #3A4F08)
• Abyss Workshop color palette (#DAE4E0, #C1B7C2, #9F8A9D, #004061, #000201)
• Timeworn Ash Veranda color palette (#F1F8E7, #C0E1FF, #91A1CB, #8B647E, #483949)
• Cocoa Harbor color palette (#FFF0FB, #E7D6D7, #D5B8B4, #A78C85, #7F4123)
• Softworn Station color palette (#FCF1FD, #87B1E6, #604E5C, #302830, #0A110F)
• Washed Aubergine Corridor color palette (#FAE9EE, #DECACE, #C29AA0, #5E3880, #090003)

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