Tempered Harbor color palette — #D2E4DA · #00C7D4 · #559EE5 · #008CD7 · #00111A

Azure and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D2E4DA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00C7D4): A luminous, balanced blue — the color of open sky before noon.
• Cornflower (#559EE5): A luminous, balanced blue — the color of open sky before noon.
• Azure (#008CD7): A luminous, balanced blue — the color of deep harbor water.
• Ink (#00111A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.

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

• Frosted Cornflower color palette (#D3EFE5, #1CC7F5, #24ABFB, #3A7DFF, #000814)
• Pale Teal Cabin color palette (#DCF7DF, #00CAB9, #00AFBE, #0096BD, #001216)
• Linen Lapis Thicket color palette (#D4E7DC, #00B98E, #0097B5, #634FCE, #000E18)
• Washed Aqua Dune color palette (#E6E7D9, #40C5CB, #0094A3, #006E66, #00171D)
• Soft Ultramarine Alley color palette (#E9F7FF, #00CCC0, #009EC0, #2056D1, #000103)
• Muted Violet Study color palette (#EFD7E9, #6BB7FF, #719CFF, #846FE7, #050033)
• Ancient Thicket color palette (#CFE5F5, #5797F1, #6A72A0, #784068, #371411)
• Ultramarine Garden color palette (#D3E4F1, #008AE7, #0061CB, #1042AE, #090847)

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