Basalt Harbor color palette — #F9F5EB · #D3E5C8 · #BBAD8A · #937448 · #3E4400

A conversation between Deep Olive and Walnut, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Celadon Mist (#D3E5C8): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#BBAD8A): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#937448): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#3E4400): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Hushed Hollow color palette (#FBF5E5, #E4DEBC, #A99E70, #8B612A, #32322B)
• Hushed Field color palette (#ECF9F1, #B1BE93, #898156, #526351, #374D4A)
• Tempered Chestnut Studio color palette (#F8F2DF, #C5BB96, #898557, #705300, #2F2D1B)
• Bronze Pier color palette (#EDF8F4, #95CAF3, #D999AF, #A27A37, #223730)
• Chestnut Courtyard color palette (#F2E3CD, #9F9E59, #785B00, #4C2700, #020500)
• Aged Garnet Drift color palette (#FFF3E7, #CAAF73, #A96300, #7C2300, #141300)
• Quiet Terracotta Lagoon color palette (#FFF3E9, #EFC994, #CC7A42, #9E3932, #302700)
• Washed Cerulean Villa color palette (#F0F7F3, #D6D7CB, #5A8EA2, #294F3E, #141E19)

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