Softworn Harbor color palette — #F9F3F8 · #D4D5E7 · #93D0F0 · #7CB08E · #465466

Sky and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#D4D5E7): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#93D0F0): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#7CB08E): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#465466): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Softness. 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

• Patina Sky color palette (#F8F5EF, #CAE8E1, #6BBFD6, #4D9586, #375146)
• Patina Stone color palette (#ECF9F0, #BBE4D6, #C5B584, #AD8596, #374D4B)
• Patina Meadow color palette (#F8F0EC, #C7E7E0, #7BA892, #3E7862, #1C3D35)
• Worn Quarry color palette (#F0F8EF, #C7E4FF, #97ACFF, #279EA0, #353758)
• Washed Cobalt Alley color palette (#F5EAF1, #7ABBD0, #0087E1, #006F59, #0D0B38)
• Lichen Lantern color palette (#FDF0FF, #D6F0B9, #E8DAD8, #B8AED4, #564650)
• Seafoam Villa color palette (#FCF2F7, #FFC6AC, #5FDFD2, #DE9471, #2C545C)
• Softworn Lantern color palette (#FCF1FF, #FCADBE, #64CAFF, #96A1E3, #4A3D4E)

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