Basalt Harbor color palette — #D7F4FF · #FFD0C9 · #C9CFC5 · #561F00 · #1F1815

A conversation between Espresso and Shell Pink, giving this palette its sense of optimism and sophistication.

The five colors

• Frost (#D7F4FF): A whisper-light, dusty blue — the color of deep harbor water.
• Shell Pink (#FFD0C9): A whisper-light, dusty orange — the color of toasted spice.
• Oat (#C9CFC5): soft and architectural.
• Espresso (#561F00): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F1815): a grounded near-black with real depth.

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

• Sand Chapel color palette (#E5EFFF, #FFD691, #D6D1C7, #3C3832, #171109)
• Cocoa Grove color palette (#FFE9E1, #D4D0DB, #A7ADA3, #6E360C, #251F1C)
• Sunflower Atelier color palette (#FFE4D3, #E5CDFF, #D6CE00, #302810, #120F04)
• Aged Studio color palette (#F2E2EA, #C2C6FF, #FEA343, #2B1500, #0B0400)
• Muted Bronze color palette (#FBF5E6, #E3E5AF, #807842, #3B3831, #140F03)
• Mustard Boulevard color palette (#ECEDFF, #5ED4FF, #DFA700, #3F2E02, #1E2920)
• Sunflower Loft color palette (#FBDFDC, #68EEA1, #E3C800, #496254, #243129)
• Mustard Drift color palette (#DBF6FE, #59D79A, #BBAF00, #322601, #130E02)

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