Softworn Harbor color palette — #FFF2EC · #B1FFFC · #00ACC8 · #007746 · #00283C
Built around Cyan, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sea Foam (#B1FFFC): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00ACC8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00283C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Azure Canyon color palette (#FFF2EC, #D6DEF9, #00A7E3, #007461, #00234E)
- Airy Emerald color palette (#FFF2EE, #98EBE7, #00BDE6, #2C9D3A, #00345E)
- Aqua Corridor color palette (#EEF8F0, #65CBC9, #007C8A, #005842, #003949)
- Denim Ridge color palette (#F5E5DC, #5EAFC3, #005B84, #002C25, #000106)
- Worn Periwinkle color palette (#FBF4EB, #DAD4DF, #8AA3EB, #1E7C8B, #422334)
- Cerulean Lantern color palette (#FFF2EC, #74DFE4, #0088A6, #005439, #000E1B)
- Powder Villa color palette (#FEF2ED, #BFEAF6, #82C4E8, #45927F, #4B374D)
- Chartreuse Boulevard color palette (#DEFFE5, #00F15F, #00A246, #004628, #000901)
Browse the whole catalog at Explore, or see today's palette.