Basalt Harbor color palette — #FFE1D7 · #DEC99D · #B3B68A · #8B79A3 · #5B4269

Charcoal Brown takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FFE1D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Wheat (#DEC99D): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B3B68A): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#8B79A3): A luminous, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5B4269): A full-bodied, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Ancient Basalt color palette (#F3E0D8, #C6B989, #9A9D73, #856D9D, #572749)
• Hazy Driftwood Summit color palette (#FFE1C5, #D0D497, #75BE9A, #AA73A0, #6E344C)
• Shell Atelier color palette (#FFE7F1, #FFB9A0, #BBA973, #5C8AB9, #3F4C7B)
• Ancient Onyx Quarry color palette (#EFE3D0, #98A975, #568F80, #815B76, #3E1334)
• Weathered Cocoa Study color palette (#FAF6E1, #C9E1CF, #B1C5B4, #AB918B, #7A4315)
• Mint Boulevard color palette (#F9FABC, #CFDFB0, #8ABA83, #358692, #004659)
• Jade Delta color palette (#FEF5DD, #BADA9F, #4ABE82, #AE7686, #2F411D)
• Softworn Denim Corridor color palette (#F0DFEC, #C2A37D, #6F8747, #564C89, #411F39)

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