Tempered Harbor color palette — #C7F1EA · #00A295 · #E22B81 · #CC3246 · #001613

Fuchsia and Crimson set the tone — five colors that lean into energy and balance.

The five colors

• Honeydew (#C7F1EA): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#00A295): A luminous, balanced teal — the color of shallow lagoons.
• Fuchsia (#E22B81): A luminous, vivid rose — the color of pressed rose petals.
• Crimson (#CC3246): A full-bodied, vivid red — the color of late-summer berries.
• Ink (#001613): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Energy, Balance. Tagged 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

• Weathered Crimson color palette (#D7EEF0, #008F97, #D80046, #9F4B00, #000A0B)
• Byzantium Grove color palette (#CEEBD8, #33BD77, #C34141, #B600B0, #001709)
• Ember Pier color palette (#C7E8F6, #009AC5, #DC4C00, #976C00, #00141D)
• Weathered Byzantium Orchard color palette (#F0EECF, #89B22D, #CE107B, #8930E6, #0D1500)
• Airy Coral color palette (#C0EDF3, #00BACB, #FF5A63, #BB7F00, #002A2F)
• Magenta Harbor color palette (#F9E3CA, #FE3AD1, #00A9B3, #003B3F, #000801)
• Gentle Rust color palette (#F2DACC, #D38D50, #CF4B18, #933546, #1F1400)
• Coral Pier color palette (#DBF2E8, #F28069, #00709C, #003E58, #000302)

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