Basalt Harbor color palette — #E9EDFF · #DAC8C9 · #ACB9BB · #424B5C · #272B32

Charcoal Brown takes the lead with Frost close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#E9EDFF): A whisper-light, dusty violet — the color of wild irises.
• Oat (#DAC8C9): A whisper-light, dusty red — the color of late-summer berries.
• Ash (#ACB9BB): soft and architectural.
• Charcoal Brown (#424B5C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#272B32): a grounded near-black with real depth.

Feels like: Sophistication. Tagged neon, dark, vibrant, muted.

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

• Washed Alley color palette (#CAF8FF, #D3D5C8, #747C73, #37474D, #23292B)
• Worn Ash Coast color palette (#EFF6FC, #DCD9E3, #BDB2AC, #92B2CE, #474E54)
• Aqua Courtyard color palette (#F6D5EA, #C0C7FF, #37CDFD, #203A48, #12181C)
• Patina Glacier Chapel color palette (#FFE5E5, #D4D9FF, #95E0FF, #51685C, #2F3633)
• Weathered Aqua color palette (#E9F8FF, #69D5E7, #D3A283, #9B7588, #25343B)
• Aged Celadon color palette (#CAFFD8, #DDFF7D, #C1E1FF, #2B3947, #11171D)
• Dusty Courtyard color palette (#DEFCFF, #DCDFEB, #A5AEEC, #866999, #5F2846)
• Dusty Seafoam color palette (#9FFFEC, #FFCAC1, #00E6D1, #133136, #00080A)

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