Softworn Harbor color palette — #FBF4EE · #A8CFC0 · #5A76B4 · #00605B · #3C3457

Slate and Peacock set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Pistachio (#A8CFC0): A whisper-light, dusty teal — the color of sea glass.
• Slate (#5A76B4): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#00605B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#3C3457): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, 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

• Washed Cobalt Drift color palette (#EDF4EE, #B1CBE0, #4D7FB6, #005967, #131E3E)
• Washed Cobalt Hollow color palette (#FFF2EB, #73C5DF, #0070C0, #005746, #282572)
• Washed Terrace color palette (#F8F5EF, #BADED0, #6B99CD, #00798B, #283863)
• Hushed Basin color palette (#FCF3F0, #C9E5CB, #4795B4, #337145, #583C59)
• Gentle Forest color palette (#FFF2EE, #9ADCDA, #008DAE, #006C20, #044174)
• Feathered Navy Thicket color palette (#C9F2ED, #00ADBF, #00719B, #034B8E, #393467)
• Tempered Cobalt color palette (#CBEEE1, #0083BB, #8E6400, #585902, #032F46)
• Mallow Lantern color palette (#DBFFEE, #DBDBFF, #D399C5, #17796E, #503B4E)

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