Tempered Harbor color palette — #EFF8F0 · #3CC7CB · #8A84BB · #8F5758 · #44423B

Aqua and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Aqua (#3CC7CB): A luminous, balanced teal — the color of shallow lagoons.
• Slate Blue (#8A84BB): A luminous, balanced violet — the color of twilight just after sunset.
• Pewter (#8F5758): A full-bodied, dusty red — the color of embers at dusk.
• Charcoal (#44423B): quiet, heavy and certain.

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

• Weathered Delta color palette (#EAF9F4, #78B8EF, #AD799E, #82623E, #41443D)
• Softworn Mint color palette (#F3F7E7, #7FC48D, #5994B4, #785D82, #683104)
• Washed Canyon color palette (#F0F8ED, #50AA98, #766793, #6E4B2B, #3F3D36)
• Plum Parlor color palette (#F0F6FD, #A9CFFC, #A18DCB, #984D7A, #542B24)
• Weathered Glacier color palette (#DCFFE8, #7DDBFF, #6AACDE, #58789E, #644A5F)
• Wandering Loft color palette (#EDF8F7, #A7D4B6, #92A9D8, #B77265, #254C34)
• Wandering Powder color palette (#F9F4ED, #C5E0F2, #98B3DB, #6B907B, #614A5B)
• Washed Bloom color palette (#E6F7EB, #00AEC6, #495D56, #303B33, #1F231F)

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