Soft Harbor color palette — #F1E5DA · #63AAD8 · #3254DC · #004A48 · #190536
A conversation between Cobalt and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F1E5DA): a clean, paper-quiet neutral.
- Cyan (#63AAD8): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#3254DC): A full-bodied, vivid violet — the color of a velvet chair.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#190536): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.
Use it as a design system
One click turns Soft 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
- Aged Petrol Parlor color palette (#EFE3DD, #43B3C5, #006EA0, #004D33, #040B3D)
- Muted Ultramarine color palette (#FCE8EF, #83BFE7, #2D62BF, #003D41, #020012)
- Aged Navy Balcony color palette (#DDECE0, #4897CB, #00488F, #002E38, #06093E)
- Faded Cornflower color palette (#E9EEE1, #8CB6D6, #0485E4, #006888, #001133)
- Sunlit Boulevard color palette (#F7ECE4, #A1D1BD, #4180F5, #006D64, #2E2651)
- Timeworn Atelier color palette (#FFF2EF, #84DDD9, #009CBE, #00791E, #00345E)
- Dusty Iris color palette (#FCF4EB, #B2DAFB, #768DEF, #007C7D, #4F2F3D)
- Turquoise Harbor color palette (#FCF3EF, #C0EAE3, #61AEDC, #398D67, #573E53)
Browse the whole catalog at Explore, or see today's palette.