Soft Harbor color palette — #E2FCF4 · #B5F269 · #BBE6CD · #4DBC9A · #072A10

Chartreuse and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E2FCF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Chartreuse (#B5F269): A whisper-light, vivid green — the color of new leaves after rain.
• Celadon Mist (#BBE6CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#4DBC9A): A luminous, balanced teal — the color of glacier melt.
• Deep Forest (#072A10): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Softness, Clarity. Tagged candy, vibrant, 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

• Seafoam Villa color palette (#D9FEFC, #F8FE97, #86F09C, #06B8B3, #002728)
• Sunflower Station color palette (#E5FCEF, #D1D8CA, #F4CF1C, #79B367, #002419)
• Pale Chartreuse color palette (#DFFDF4, #FFDDA9, #A9DF66, #00D3D1, #05361A)
• Mint Market color palette (#E0FFDF, #39E290, #00AB7F, #00695C, #003130)
• Wandering Ridge color palette (#DEFCFA, #EDFFAD, #ABE0EB, #62CECA, #133C40)
• Straw Canyon color palette (#ECF9F0, #D0D78A, #769658, #496D56, #122E24)
• Clover Ridge color palette (#F6F8DE, #B7CA73, #6FBE44, #00885A, #0B350C)
• Aged Seafoam color palette (#E0FBFF, #ADE2E8, #00E3BF, #00AECE, #001F1D)

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