Basalt Pier color palette — #FEF3E6 · #DAD8A7 · #9DB58A · #A28795 · #524000

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

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Wheat (#DAD8A7): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9DB58A): A luminous, dusty green — the color of new leaves after rain.
• Heather (#A28795): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

One click turns Basalt Pier 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

• Muted Seafoam color palette (#F7F6EA, #AAE6BA, #6EBDAC, #A5878C, #41433C)
• Tempered Pier color palette (#FEF1F5, #C3F2D9, #89A97D, #6F758E, #273E33)
• Washed Stone color palette (#ECF9F1, #C8C98C, #8A9661, #7E6A7F, #31483E)
• Teal Boulevard color palette (#E6E7CF, #7DCEA7, #00A69E, #8F677D, #232D11)
• Dusty Lime color palette (#F6EAD4, #B7CD51, #58AD5B, #8270A3, #2B3200)
• Weathered Canyon color palette (#FFF2EE, #DBF6C8, #E0DACE, #D3A5C4, #713711)
• Antique Drift color palette (#FFF2F0, #FFCCBC, #ED927B, #AC6A5F, #491F19)
• Wandering Pier color palette (#ECF4EE, #96BEAB, #6A7D49, #4E5273, #0B2F21)

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