Sunlit Harbor color palette — #D7E5D9 · #75A8D0 · #1161C9 · #004857 · #09093D

A conversation between Cobalt and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Parchment (#D7E5D9): A whisper-light, dusty green — the color of a quiet forest floor.
• Blue Fog (#75A8D0): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#1161C9): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Teal (#004857): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#09093D): 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 Sunlit 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

• Washed Market color palette (#DBEBDE, #5EAFC2, #007095, #004A47, #001527)
• Ultramarine Summit color palette (#F7EDDD, #7ABEF3, #0060D2, #003C49, #010014)
• Washed Garden color palette (#FAE9EF, #6D94B2, #2634AF, #00302F, #1C003A)
• Muted Workshop color palette (#F6EBDF, #84B7DC, #5373FE, #006D6C, #1B0237)
• Patina Cobalt color palette (#E5F3E8, #A3C9E8, #4489D5, #00697A, #1E2B53)
• Chalky Azure Corridor color palette (#EBFAED, #B8E1FC, #3FA4E8, #008189, #193F73)
• Gentle Drift color palette (#EDF9EF, #72DFDE, #009EB0, #007559, #003949)
• Softworn Market color palette (#F1F7F2, #D3E0F1, #82BBCE, #569488, #405565)

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