Ash Harbor color palette — #FAF4F0 · #C7EBE8 · #6AA0C4 · #397C71 · #5D4C5C

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#C7EBE8): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6AA0C4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#397C71): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#5D4C5C): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Dusty Veranda color palette (#EAF4F3, #CFDBF0, #6FA5BB, #417384, #273845)
• Dusty Lagoon Parlor color palette (#F5F6EE, #C2EDE8, #8FBDA6, #559297, #365146)
• Worn Lilac color palette (#F2F7EE, #76C1AA, #B482C7, #2F836D, #61444B)
• Tempered Denim Lantern color palette (#F3E9E3, #56ADBD, #005F82, #003F33, #001F43)
• Navy Drift color palette (#F4E7DE, #53899F, #003E6C, #002221, #03002E)
• Powder Parlor color palette (#F3F7EB, #B9E1E5, #BAC6F6, #8F8B64, #475345)
• Cerulean Market color palette (#FCF3EF, #B0CEB3, #0085A5, #006345, #173E5B)
• Muted Parlor color palette (#F0F9E4, #5AAA88, #B2709F, #A15E77, #41443D)

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