Tempered Harbor color palette — #DBF1FF · #00BCBA · #E21EF9 · #371022 · #110D1C

Orchid takes the lead with Turquoise close behind in a set that reads as creativity and energy at first glance.

The five colors

• Frost (#DBF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#00BCBA): A luminous, balanced teal — the color of glacier melt.
• Orchid (#E21EF9): A luminous, vivid pink — the color of peonies in June.
• Onyx (#371022): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#110D1C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Energy, Balance. Tagged neon, dark, vibrant.

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

• Magenta Alley color palette (#D9E9F0, #00CDCF, #F246FF, #3A263B, #1C1925)
• Peony Balcony color palette (#D5F4F9, #00B9CB, #F50E92, #32091C, #110A15)
• Peony Bloom color palette (#CEF5E7, #2BC7F2, #DD41AB, #5C3536, #200A0B)
• Soft Clover Summit color palette (#D7EFF4, #00C468, #867DFF, #2A1D3D, #0E1321)
• Worn Bloom color palette (#DFF3F2, #8BA100, #EC0096, #290708, #070101)
• Hushed Peony color palette (#D7EEF1, #B1B300, #EF409F, #30203A, #18101D)
• Powdered Blush Cabin color palette (#D0E9FD, #7ACFFF, #FF7FC0, #4F3646, #2E2932)
• Linen Scarlet Summit color palette (#DDE8FF, #31C8F1, #EB2828, #341800, #1E0F1C)

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