Soft Harbor color palette — #F3EED4 · #7E8D00 · #397800 · #00482B · #00251C

Built around Olive, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Cream (#F3EED4): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7E8D00): A luminous, balanced green — the color of fresh herbs.
• Olive (#397800): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00482B): A deep, shadowed, balanced teal — the color of glacier melt.
• Onyx (#00251C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Moss Lagoon color palette (#EAF0CD, #55A700, #00733F, #005240, #002626)
• Frosted Bronze Atelier color palette (#FCE4CE, #A58100, #6F6A00, #354600, #0C2900)
• Pale Olive Field color palette (#DFE3D0, #348F00, #006540, #003A30, #001414)
• Pale Jade color palette (#CAEBD4, #00B477, #007434, #003C21, #000F07)
• Lagoon Atelier color palette (#DFEADE, #009D77, #007266, #004449, #00222C)
• Tempered Emerald Atelier color palette (#F5EAFF, #D49800, #2F9000, #082402, #060600)
• Hazy Garden color palette (#E2E3CC, #50E3BA, #00B6D9, #6F6C21, #1A2403)
• Pale Basin color palette (#F4F2BC, #97C86D, #5BA25C, #367E5E, #3C5537)

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