Softworn Harbor color palette — #FFF2EC · #FFCED0 · #66F1C1 · #5E793A · #2D3128

Lagoon and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Shell Pink (#FFCED0): A whisper-light, dusty red — the color of late-summer berries.
• Lagoon (#66F1C1): A whisper-light, balanced teal — the color of glacier melt.
• Olive (#5E793A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#2D3128): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, 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

• Chartreuse Courtyard color palette (#FFF0F8, #EECFFF, #ACEA78, #716E24, #37372B)
• Seafoam Courtyard color palette (#F2E88C, #FFCCDD, #93ECA6, #64665E, #33352C)
• Patina Meadow color palette (#DDF7DE, #FFBF9D, #00E7C2, #525E4A, #252922)
• Wandering Ash color palette (#EFF8F1, #FDD3C8, #6EAAB2, #5B7461, #252E27)
• Patina Seafoam color palette (#FFDDC9, #E5CBFF, #49E7CF, #3A5155, #293436)
• Lime Bloom color palette (#EFE2C9, #FFA4D8, #00E367, #2E5B38, #202412)
• Dusty Dune color palette (#DFEBDC, #DD6600, #0098A2, #002F32, #000300)
• Timeworn Stone color palette (#F0F7F2, #DED4D3, #97C8C3, #A8A89D, #4E5450)

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