Tempered Harbor color palette — #F8EBF1 · #619BB5 · #0053B1 · #003C34 · #090028

Cobalt and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EBF1): a clean, paper-quiet neutral.
• Slate Blue (#619BB5): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0053B1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Deep Forest (#003C34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#090028): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Ultramarine Station color palette (#EFE1E7, #6AAACF, #295BD0, #004A46, #170439)
• Softworn Summit color palette (#E9DCE7, #49A2A7, #006181, #003E1E, #00081E)
• Ancient Field color palette (#F6EEE1, #418AAB, #003F68, #002225, #000720)
• Gentle Cobalt color palette (#FAEBF5, #6FBFD1, #007BBC, #005C42, #131B41)
• Aged Cobalt Studio color palette (#CEE4F6, #007ED1, #004D81, #001E36, #000206)
• Muted Hollow color palette (#E0F3FF, #007492, #7E4A00, #003F50, #0C0400)
• Cypress Garden color palette (#C3E7DD, #007579, #005571, #002A4B, #060025)
• Peony Station color palette (#C7E6F8, #8CA3F0, #C157A9, #00554E, #000B19)

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