Tempered Harbor color palette — #EBF7FF · #00A4CF · #CA0082 · #535400 · #001821

Fuchsia and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Cyan (#00A4CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fuchsia (#CA0082): A full-bodied, vivid rose — the color of strawberry cream.
• Deep Olive (#535400): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001821): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, 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

• Pale Atelier color palette (#EBF7FF, #01BFF4, #CD3B93, #555500, #002A13)
• Misty Basin color palette (#EDF6FF, #1EA7FE, #E30044, #4D5A00, #001121)
• Plum Courtyard color palette (#E3FBFB, #0CBE8A, #C5007A, #5E5900, #001718)
• Pale Mulberry color palette (#EEF6FF, #0076DB, #A6005A, #453F00, #000407)
• Powdered Byzantium color palette (#E2FAFF, #00B9A8, #A033D4, #773900, #00171A)
• Wandering Amber color palette (#EFF6FF, #83A4E9, #CA6827, #2D6833, #121B29)
• Patina Chapel color palette (#E1FDF0, #007196, #97203F, #4B3900, #002E24)
• Timeworn Station color palette (#D9FFF1, #65CCFF, #896BEA, #536000, #09284B)

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