Soft Harbor color palette — #FFF1F5 · #00A0A0 · #0060B2 · #643A00 · #003C49
Cobalt takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Cerulean (#00A0A0): A luminous, balanced teal — the color of sea glass.
- Cobalt (#0060B2): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#643A00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Teal (#003C49): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.
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
- Garnet Harbor color palette (#FFF0FB, #00A47C, #006A88, #81141C, #003F3C)
- Hushed Atelier color palette (#DCFFEA, #009AC6, #5C40CB, #514500, #133758)
- Wandering Quarry color palette (#CDE6CC, #008795, #1A3BB3, #472D00, #002838)
- Grape Orchard color palette (#E3FAFF, #009188, #8A00A8, #503D00, #1A320F)
- Cerulean Lagoon color palette (#EDF8CF, #00A1C4, #00679F, #532866, #00202D)
- Cerulean Lagoon color palette (#FEF0FB, #85DFE7, #008CB1, #00694D, #144367)
- Cobalt Villa color palette (#DEFFE5, #00BAE2, #0084CB, #724487, #003B50)
- Wandering Pine Thicket color palette (#E3FDEE, #8FAF6B, #007E47, #005C62, #30411B)
Browse the whole catalog at Explore, or see today's palette.