Soft Harbor color palette — #F7EDDE · #6DD8DA · #0097AC · #006E57 · #003344

Cerulean takes the lead with Ice Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F7EDDE): A whisper-light, dusty gold — the color of old brass.
• Ice Blue (#6DD8DA): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#0097AC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E57): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#003344): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Feathered Studio color palette (#F5EDE2, #87CFF1, #278DD2, #006B73, #172D51)
• Patina Balcony color palette (#F9F4ED, #97E3EE, #4FA1BD, #287B70, #1D4337)
• Antique Cerulean Loft color palette (#ECF8F5, #B8E9FF, #00A5B2, #006B60, #00232A)
• Aged Dune color palette (#F6ECE8, #82BEBE, #00748B, #005334, #00314C)
• Pale Summit color palette (#CBEEE1, #00B9A3, #008686, #005F66, #003340)
• Periwinkle Atelier color palette (#D9FDE0, #9DDEFF, #85AFF7, #248C7C, #123625)
• Linen Hollow color palette (#F7EAF3, #A3E0E1, #00B6DC, #009565, #00314E)
• Gentle Corridor color palette (#BBF0FF, #00BEE2, #007E96, #004957, #001C24)

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