Basalt Harbor color palette — #F4F6EE · #DCB89D · #476749 · #373D00 · #1D291E

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

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Sand (#DCB89D): A luminous, dusty gold — the color of honey in a jar.
• Pine (#476749): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#373D00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#1D291E): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Fern Basin color palette (#EBF4F2, #A9CEB0, #4D6B3C, #0B3932, #0B1614)
• Washed Fern Chapel color palette (#F5F6EE, #E6CDA6, #6A875A, #515000, #2C2C21)
• Softworn Loft color palette (#EDF8F7, #FFD4B6, #76AAA6, #517572, #232E2D)
• Patina Olive color palette (#F6F5EF, #C6C398, #4D80B8, #597A11, #332A34)
• Patina Denim color palette (#EEF8F2, #D49DAC, #005B6F, #003441, #0C2221)
• Hushed Villa color palette (#FFF2EA, #AAAB80, #318493, #864428, #464942)
• Antique Thicket color palette (#D5E3D0, #C3726C, #003F38, #001B17, #000905)
• Velvet Pier color palette (#E7F0D6, #90472B, #1A2528, #001A0B, #000301)

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