Tempered Harbor color palette — #E7FBF0 · #00AFDB · #DD0079 · #00692A · #00160C

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

The five colors

• Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00AFDB): A luminous, balanced blue — the color of open sky before noon.
• Fuchsia (#DD0079): A full-bodied, vivid rose — the color of a warm blush.
• Pine (#00692A): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00160C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Sunlit Raspberry Courtyard color palette (#E8FBED, #00B6CC, #C6039A, #485200, #001306)
• Dusty Thicket color palette (#E0FDF1, #1AB5F7, #D81900, #00654F, #00130C)
• Brick Studio color palette (#FCF1FD, #3D94F7, #C0192E, #00582C, #180719)
• Rust Garden color palette (#FEF1F7, #A390DC, #C45761, #046A50, #28141E)
• Antique Mulberry Drift color palette (#E6FBF2, #008FC4, #9E0040, #004424, #000301)
• Faded Scarlet color palette (#EDF6FF, #66C3FF, #DA4F4B, #967A00, #002922)
• Softworn Byzantium Lantern color palette (#EFF9E8, #00BB9B, #9C2AD5, #695300, #001611)
• Dusty Sky Pier color palette (#E1FCF3, #52BAFF, #B06900, #4A5800, #1E2500)

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