Basalt Harbor color palette — #FBF4EA · #DAE0C3 · #C4AA84 · #977150 · #4C3E00

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#DAE0C3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C4AA84): A luminous, dusty gold — the color of old brass.
• Walnut (#977150): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#4C3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Delta color palette (#FDF4E7, #ECDBBA, #B99867, #8F5E35, #34322B)
• Stone Delta color palette (#EBFAED, #C4B889, #947C53, #72535F, #3C4C45)
• Weathered Canyon color palette (#EDF9EF, #7DD4DA, #D79AB0, #A97452, #263629)
• Soft Bronze Loft color palette (#FFF4DB, #BAC36A, #917E00, #654700, #101D00)
• Worn Bronze Hollow color palette (#FFF2EA, #D8A781, #B25A32, #792623, #1C0F00)
• Timeworn Corridor color palette (#FCE0C4, #B39560, #885100, #532100, #050400)
• Weathered Amber Delta color palette (#FFF3E9, #DFC2A2, #B7794E, #844331, #2F1E00)
• Wandering Stone Bloom color palette (#E9F6EA, #9BC7B1, #6E8C70, #68505E, #1F302D)

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