Softworn Harbor color palette — #FEF2ED · #BDEBF6 · #3EB2EB · #338059 · #3E243C
A conversation between Cyan and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2ED): a clean, paper-quiet neutral.
- Frost (#BDEBF6): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#3EB2EB): A luminous, balanced blue — the color of deep harbor water.
- Teal (#338059): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#3E243C): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, 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
- Tempered Periwinkle Thicket color palette (#FFF2EA, #D7D7E6, #6AB3FF, #008A73, #2D2E61)
- Pine Veranda color palette (#FFF2EE, #B2FFFA, #00ABCE, #107816, #002645)
- Hushed Lagoon color palette (#F0F7F1, #A2EFFA, #60C0DF, #2CA090, #143F57)
- Timeworn Cornflower color palette (#FDF3EB, #C9EBFF, #4F8DFF, #006B62, #1F163D)
- Faded Meadow color palette (#F1F8E6, #6CD8A4, #D282E3, #008C5C, #391840)
- Timeworn Cerulean color palette (#FCF1FA, #9CCDE1, #3782A2, #00624D, #1E3C5B)
- Dusty Powder color palette (#FBF3F1, #C2DFE5, #A8C6F7, #729E7E, #5A4559)
- Denim Orchard color palette (#ECDBD3, #6EAEBB, #005A88, #002D1E, #00000B)
Browse the whole catalog at Explore, or see today's palette.