Basalt Harbor color palette — #FFF1F4 · #C3AB7B · #664170 · #43232B · #261612

Charcoal Brown takes the lead with Camel close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Camel (#C3AB7B): A luminous, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#664170): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#43232B): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#261612): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Denim Chapel color palette (#F9EFF2, #8EC1A1, #604780, #301A49, #17070D)
• Linen Garnet color palette (#FFF2EE, #C49B3B, #85122F, #4B0717, #2D1109)
• Pewter Cabin color palette (#F3F4FF, #A0D2B3, #7B659C, #493A5E, #1F2032)
• Mulberry Boulevard color palette (#FFF1F2, #D199C7, #A85145, #86427C, #321F16)
• Worn Lilac color palette (#F5F3FF, #EBD29F, #AE82B9, #73577B, #22202A)
• Washed Garnet color palette (#FFDADB, #B88A00, #690052, #340027, #1C0005)
• Dusty Garnet color palette (#ECDAD3, #AB8631, #641214, #320003, #0E0600)
• Weathered Blush color palette (#FFF4E2, #CB7C94, #97563D, #115B48, #50362E)

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