Softworn Harbor color palette — #FAF4F0 · #CAE4CD · #4696B0 · #007452 · #284B67
A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FAF4F0): bright and airy, almost weightless.
- Celadon Mist (#CAE4CD): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#4696B0): A luminous, balanced blue — the color of open sky before noon.
- Pine (#007452): A full-bodied, balanced teal — the color of sea glass.
- Navy (#284B67): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Softworn Cypress color palette (#FCF3ED, #C2E6D7, #6B8CB8, #007072, #5B3C52)
- Patina Ridge color palette (#FCF3EF, #A9D0B8, #417FA7, #006156, #253A60)
- Patina Cerulean color palette (#ECF4F2, #B9E4F3, #239EAE, #006D65, #083141)
- Muted Atelier color palette (#F5F6EF, #BCE9DF, #1CB9CC, #1D8C83, #334F3F)
- Tempered Denim Coast color palette (#FAECE6, #489DAD, #005070, #003127, #00132F)
- Worn Aqua color palette (#FBF2F8, #BAF8FB, #6FCCEA, #72A58C, #354A5D)
- Iris Study color palette (#FFF3E2, #BB9A5B, #6786D4, #825F00, #314167)
- Softworn Studio color palette (#FDF5E0, #958A42, #467FB4, #655AAF, #3A3831)
Browse the whole catalog at Explore, or see today's palette.