Softworn Harbor color palette — #FFF2EE · #84D6D3 · #0085A5 · #28612E · #47314B
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Lagoon (#84D6D3): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#0085A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#28612E): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal (#47314B): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Timeworn Cobalt color palette (#FFF3E9, #97CDEC, #5277BC, #006059, #4E3040)
- Timeworn Summit color palette (#FCF3EF, #BEE9CB, #5191BE, #3D6E59, #583E53)
- Aged Lagoon color palette (#EAF4F2, #9BD2E0, #008D95, #005D51, #00262C)
- Antique Orchard color palette (#F6F6EB, #BEDFBD, #50A4AA, #007E6D, #00434C)
- Tempered Study color palette (#C6EFE4, #007DD3, #7B6D00, #416020, #0E322B)
- Blush Harbor color palette (#FEF0FF, #EAD2EC, #E799B3, #337E82, #503E4E)
- Ancient Boulevard color palette (#EDE0DB, #009395, #004357, #00240A, #00091B)
- Worn Emerald Quarry color palette (#FBF2F8, #C1E8F2, #4BC3DE, #24A469, #0F3F59)
Browse the whole catalog at Explore, or see today's palette.