Basalt Loft color palette — #FBF4EA · #DEDFCB · #998357 · #574317 · #211A10

Cocoa and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#998357): A luminous, dusty gold — the color of old brass.
• Cocoa (#574317): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#211A10): A deep, shadowed, dusty gold — the color of old brass.

Feels like: 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

• Pine Parlor color palette (#F4F7E9, #FBE3B0, #498657, #1A4224, #0E1103)
• Hushed Canyon color palette (#FBF4EB, #F2DAB4, #B49B68, #8B6522, #2F2B23)
• Ancient Field color palette (#EEF0DD, #C69B34, #154800, #182324, #010B00)
• Softworn Stone Cabin color palette (#EBF5EC, #D9C08B, #496B50, #223726, #0E1610)
• Bronze Alley color palette (#F2E6CD, #9A7301, #221B00, #0B0C06, #020100)
• Weathered Amber color palette (#F8F5ED, #BDEAD0, #67C1B0, #B19A15, #172212)
• Patina Fern color palette (#FAF6E1, #D8B66E, #4D5700, #171B00, #020100)
• Worn Grove color palette (#FAF4EB, #D5C28B, #88B3DA, #8E74AC, #35312B)

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