Softworn Harbor color palette — #FFF1F6 · #E3F3CF · #8EF5F9 · #EB828D · #4D3800

Rose and Sea Foam set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Honeydew (#E3F3CF): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#8EF5F9): A whisper-light, balanced teal — the color of glacier melt.
• Rose (#EB828D): A luminous, balanced red — the color of embers at dusk.
• Deep Olive (#4D3800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Softworn 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

• Hushed Coast color palette (#FFF0FA, #D4FFC9, #CFE3D1, #D07DA2, #593411)
• Amber Station color palette (#DFFFE2, #D6E2F4, #99E7E1, #D88161, #3C400D)
• Powdered Canyon color palette (#FFF3E6, #DBE8C0, #99EBAD, #FF8753, #563F1A)
• Softworn Stone color palette (#E2FCF5, #C9E2F1, #A3CEC4, #BDB3BA, #375253)
• Soft Canyon color palette (#FFF1F7, #EBCB8E, #C57E4C, #904546, #292A00)
• Patina Shell color palette (#FFEEEF, #C8E5FF, #FFBBC2, #461A21, #130614)
• Antique Bronze color palette (#FFF1F6, #FAFAB8, #95E6CE, #A65F64, #0A2713)
• Pale Bronze color palette (#F5FBC3, #CCF6F9, #B5D8FF, #B46E00, #003010)

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