Weathered Basalt color palette — #FBEFE9 · #D6C195 · #825448 · #512100 · #1A120E

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FBEFE9): bright and airy, almost weightless.
• Sand (#D6C195): A luminous, dusty gold — the color of old brass.
• Coffee (#825448): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#512100): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1A120E): a grounded near-black with real depth.

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

Use it as a design system

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

• Hushed Stone color palette (#F6F1E5, #C7B082, #5D5626, #312607, #110C01)
• Hushed Market color palette (#FAF2F9, #A0CBBC, #7E504D, #482E46, #2F2225)
• Hushed Driftwood Field color palette (#F8F0EB, #EAB69C, #8A8640, #9B6141, #1A1507)
• Muted Cocoa color palette (#FCF3EF, #C1EBD3, #A87775, #6F3219, #231814)
• Smoked Bronze Study color palette (#E6E1CA, #836200, #30363D, #1F2000, #030300)
• Wandering Taupe Workshop color palette (#FBF0E0, #C3A67C, #757E50, #2A5D51, #362A13)
• Patina Amber Summit color palette (#F6E8DA, #B1860B, #523000, #1D0E00, #030100)
• Hushed Bronze Corridor color palette (#F6F1EB, #D6D7D0, #A6B3AB, #A7783E, #3C352D)

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