Tempered Harbor color palette — #ECF9F2 · #A1CBBE · #598C85 · #586877 · #3D524C

Built around Storm Blue, softened by Stone — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Stone (#A1CBBE): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#598C85): A luminous, dusty teal — the color of sea glass.
• Graphite (#586877): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#3D524C): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Studio color palette (#FAEEF3, #B2CABC, #5B8E84, #635C79, #24362C)
• Worn Ash color palette (#F1F7F2, #D0E1F4, #64A4B4, #45787E, #3B5669)
• Ancient Canyon color palette (#F7F3FF, #E6D6DE, #E7B6C3, #8D8CAD, #534A5B)
• Timeworn Thicket color palette (#D5EAE5, #659A78, #006451, #353B5D, #01321A)
• Weathered Pewter color palette (#F5F3FF, #C7A1CA, #79A582, #8D5F91, #245754)
• Dusty Cocoa color palette (#FBF4ED, #DCD0B4, #8CA47D, #997177, #614900)
• Softworn Pine Delta color palette (#E5FBF4, #7AB47C, #007D56, #3A4F7F, #044440)
• Washed Ash Lantern color palette (#F6F3FF, #BA82B3, #9B8852, #238494, #453E54)

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