Basalt Harbor color palette — #F9F2FF · #C0FBFF · #FFD4A8 · #533100 · #1A140D

Built around Espresso, softened by Peach Cream — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Honeydew (#C0FBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Peach Cream (#FFD4A8): A whisper-light, dusty gold — the color of honey in a jar.
• Espresso (#533100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1A140D): quiet, heavy and certain.

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

• Dusty Sand color palette (#FCF4E5, #FFE1AA, #837641, #3B3831, #140F04)
• Softworn Chartreuse color palette (#E5EFFF, #BEF328, #DDCCC6, #35342D, #191810)
• Softworn Drift color palette (#FFEBCC, #D7C9CB, #889491, #5B3C00, #2B251E)
• Wandering Boulevard color palette (#EEE3F5, #90BDFF, #E59900, #362100, #0E190E)
• Mustard Veranda color palette (#FCF5E2, #C9B400, #9597D3, #6B6D9C, #2B2412)
• Chartreuse Grove color palette (#FFE3D5, #E0CFFF, #C9D200, #282105, #0C0800)
• Gentle Lantern color palette (#EEE5FF, #00DFE0, #DCA900, #1A403B, #1B281E)
• Timeworn Marigold Delta color palette (#FFF3E6, #D8A035, #616FC6, #864346, #230F09)

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