Basalt Loft color palette — #EEF8F2 · #DDC08E · #7B733E · #4C4300 · #17251E

Deep Olive and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F2): a clean, paper-quiet neutral.
• Sand (#DDC08E): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#7B733E): A full-bodied, dusty green — the color of fresh herbs.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#17251E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Basalt Loft 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 Bronze color palette (#FEF1F8, #D1C591, #9E6040, #5E3723, #291E24)
• Driftwood Lagoon color palette (#EDF8F6, #ECC5D1, #68885A, #3D5532, #1F2F2C)
• Fern Coast color palette (#F9F5EC, #C1AD77, #5F5100, #372E00, #1C1F14)
• Weathered Workshop color palette (#FBF5E5, #FFE1AD, #7F7842, #3B3831, #140F03)
• Linen Apricot color palette (#DFFCFC, #F3A865, #007D52, #00472D, #002020)
• Tempered Sand color palette (#EAFAF0, #F0D287, #A49551, #476D57, #19251E)
• Timeworn Bronze color palette (#F0F7F3, #CFC68C, #00A0BA, #928100, #0F2732)
• Hushed Bronze Pier color palette (#CCE7DB, #AD770E, #393B00, #101100, #000201)

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