Tempered Harbor color palette — #DBF3FF · #B9D1FF · #B6A2DE · #A47B5E · #5A4A1B

Mauve takes the lead with Lilac Frost close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DBF3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lilac Frost (#B9D1FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#B6A2DE): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#A47B5E): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#5A4A1B): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Wandering Ash color palette (#E3FAFF, #CBE1FF, #B79AC8, #7A6C40, #50420E)
• Weathered Bronze color palette (#EFF0FF, #E1C0FF, #D1A0BB, #998039, #3E5634)
• Ancient Drift color palette (#B6FCF1, #8AD7E8, #8EB3DC, #A57A73, #703F31)
• Lilac Canyon color palette (#DBE5F8, #A294DF, #A4739E, #74612F, #2C2600)
• Hazy Villa color palette (#B9F4EE, #8EC4E8, #A381B7, #7C681C, #554400)
• Pale Mallow Delta color palette (#E6E0F7, #EE9CEB, #CE7F8F, #73834E, #004C25)
• Sunlit Garnet color palette (#D7E2FF, #B2A2D2, #8C6497, #813232, #511C06)
• Tempered Fern Archive color palette (#FFF1F5, #FFD4D5, #DEB9AE, #A0A08B, #415714)

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