Softworn Ash Harbor color palette — #FAF4EE · #CBE7E7 · #7F9CBF · #3F7A7A · #624A5B

A conversation between Blue Fog and Teal, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#CBE7E7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7F9CBF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#3F7A7A): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#624A5B): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn Ash 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

• Cypress Atelier color palette (#FBF3EF, #C9EBE4, #7BA490, #3D7D67, #2D534A)
• Petrol Terrace color palette (#ECF4F3, #D3D8E8, #7DA1BF, #21768C, #23384D)
• Softworn Dune color palette (#F4F6F0, #CBE3E3, #8AB7D9, #4692A8, #30524A)
• Softworn Cypress color palette (#EFF9E8, #80BFAB, #C6838F, #30836D, #67423A)
• Hushed Lagoon Summit color palette (#FCEAE1, #42A09C, #005360, #003218, #001623)
• Washed Cerulean Lantern color palette (#FFF2EB, #8BDFDF, #008EA9, #006A42, #004567)
• Denim Alley color palette (#F8EBE2, #6EA8C1, #005999, #003E3C, #10174D)
• Patina Navy color palette (#EBDDD0, #5D85A5, #1C357D, #002226, #0A0027)

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