Tempered Harbor color palette — #EFF7F4 · #DFD4D0 · #A5A195 · #6995B4 · #3F4B46

Slate Blue and Taupe set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#DFD4D0): a clean, paper-quiet neutral.
• Taupe (#A5A195): a calm mid-gray that lets other colors speak.
• Slate Blue (#6995B4): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#3F4B46): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. 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

• Ash Thicket color palette (#F9F3F9, #E5D8D7, #CBBDB7, #7691B7, #4D444D)
• Timeworn Olive color palette (#E2FEE6, #D8C3D6, #B98F95, #79833D, #4A5200)
• Softworn Cocoa color palette (#FFF3EA, #D4C2A0, #849865, #866872, #573E00)
• Tempered Denim Field color palette (#E9E1EA, #C3ADB8, #AA8C91, #005494, #1C0D1E)
• Ancient Pewter Market color palette (#F6EBEF, #E7D1D2, #CBB1A8, #7D649D, #37292E)
• Washed Sky Corridor color palette (#FDF5DC, #5DC0E0, #8D79BA, #686631, #4A344D)
• Sky Orchard color palette (#E7FAF3, #54AFE4, #B36B47, #64601E, #3D3A00)
• Ancient Parlor color palette (#F0DEEB, #7187E6, #5D464B, #362933, #121A17)

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