Basalt Harbor color palette — #FCF4E3 · #ACB586 · #617D51 · #704F57 · #4D4200

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

The five colors

• Cream (#FCF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ACB586): A luminous, dusty green — the color of fresh herbs.
• Fern (#617D51): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#704F57): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Patina Olive Boulevard color palette (#F6F6EA, #A4CDAB, #6F8C4D, #775F5E, #495305)
• Pewter Courtyard color palette (#F7F1E6, #BBB490, #5C8059, #674C58, #2D270E)
• Soft Basin color palette (#FFF3E2, #B5A522, #617300, #763D45, #3D3A34)
• Timeworn Cocoa Canyon color palette (#FFF2EB, #DEDDCC, #CEC186, #997366, #6B3D00)
• Airy Apricot color palette (#FFF2E9, #F9A56A, #A85E24, #6C3614, #482308)
• Fern Thicket color palette (#ECE4D4, #8C9245, #3F6016, #5D2E2C, #302907)
• Cerulean Terrace color palette (#F9F4ED, #BEE8CD, #4F94B2, #316E69, #304F46)
• Softworn Drift color palette (#EEF8F3, #B0E2CF, #A0B582, #A7839F, #294A3F)

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