Soft Harbor color palette — #E3F7F1 · #498CC3 · #538521 · #006146 · #041F19

Olive Leaf takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E3F7F1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#498CC3): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#538521): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006146): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#041F19): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Worn Bronze color palette (#E7F7E9, #0099A1, #917000, #495A00, #0E1E11)
• Lagoon Field color palette (#FBEDF6, #898FC9, #3E9576, #1A6B6E, #2A1F26)
• Weathered Olive color palette (#EEEAD5, #707E00, #007377, #004A68, #141000)
• Tempered Olive Grove color palette (#FFEEE0, #B7743D, #4B8638, #006050, #261607)
• Peony Parlor color palette (#F6F3FF, #AD60A8, #5D7B46, #405D27, #343041)
• Timeworn Wisteria Atelier color palette (#FFF1F5, #CD9AEF, #58B386, #1D856D, #311E24)
• Iris Alley color palette (#FFEBF6, #7F78D4, #AD5566, #005D65, #25131E)
• Chalky Raspberry color palette (#FEEEEA, #C8607A, #926F01, #4A591D, #271411)

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