Basalt Harbor color palette — #B6EAF8 · #70AAB7 · #4B788F · #4E536E · #5A3349

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

The five colors

• Powder Blue (#B6EAF8): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#70AAB7): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4B788F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4E536E): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#5A3349): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

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

• Parchment Terrace color palette (#C6EDC6, #83B3B3, #467C70, #38546D, #3A3655)
• Aged Cocoa Coast color palette (#D3E5E1, #84B4BB, #5F7A8E, #663D31, #1D341C)
• Wandering Orchard color palette (#EEF6FF, #BBC6D6, #8A92A8, #746B7C, #5A4C5E)
• Quiet Mulberry color palette (#D6E6F8, #8396D6, #6E65A1, #782851, #602932)
• Hushed Violet color palette (#DCF2FF, #009DC0, #975FA6, #006077, #472550)
• Weathered Summit color palette (#EAF7FF, #54A8D3, #006E9A, #003F59, #002638)
• Muted Archive color palette (#E1FCF9, #76A88B, #207359, #235450, #093E3D)
• Frosted Cobalt color palette (#C7EBFD, #407DB6, #27417E, #411E3F, #3A000A)

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