Basalt Harbor color palette — #F4EECF · #505D60 · #383D00 · #172322 · #050B00

Deep Olive takes the lead with Custard close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F4EECF): A whisper-light, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#505D60): a grounded near-black with real depth.
• Deep Olive (#383D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#172322): quiet, heavy and certain.
• Ink (#050B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Basalt Field color palette (#FCEDDE, #394745, #533000, #141910, #0E0700)
• Midnight Cypress Bloom color palette (#E4F3DF, #007366, #162C17, #0D1708, #010503)
• Olive Bloom color palette (#C8EEDF, #687200, #243A00, #131D22, #000A06)
• Dusty Abyss Corridor color palette (#EFF1E0, #599CA3, #005360, #00302E, #00171F)
• Pine Boulevard color palette (#E7ECD0, #00731C, #7B3300, #003809, #1F0800)
• Worn Lagoon color palette (#DBF2D4, #4B875F, #205A49, #002C42, #180B39)
• Dusty Coast color palette (#F9EFD9, #4D5B5C, #443900, #16211E, #090900)
• Moonless Lantern color palette (#F1EBD6, #495455, #373900, #162022, #000901)

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