Basalt Harbor color palette — #E3F3E9 · #74723A · #504500 · #2E2200 · #030400

Built around Deep Olive, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Cream (#E3F3E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Walnut (#74723A): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Olive (#504500): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#2E2200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Inked Olive Harbor color palette (#EAE1CB, #797700, #453C00, #191100, #010100)
• Bronze Study color palette (#FAE6DE, #B0590D, #683B00, #331F00, #060300)
• Tempered Chestnut Terrace color palette (#EFDAE2, #AE834D, #8C5000, #612C00, #201300)
• Timeworn Chapel color palette (#C3E9D1, #B0A845, #8C7600, #684E00, #292C00)
• Timeworn Garnet color palette (#EBDEEB, #B15357, #653900, #6E0019, #040100)
• Aged Grove color palette (#E7E8FF, #C70071, #945700, #1A0403, #040007)
• Bronze Summit color palette (#E8DAED, #B05912, #550027, #2B1314, #130005)
• Linen Garnet color palette (#FFE8F6, #C39278, #A6593D, #85281C, #3A1A00)

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