Weathered Basalt color palette — #FAF4EC · #D2BD9F · #735935 · #4D330A · #312A22

A conversation between Espresso and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Sand (#D2BD9F): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#735935): A full-bodied, dusty gold — the color of old brass.
• Espresso (#4D330A): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#312A22): quiet, heavy and certain.

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

• Washed Boulevard color palette (#F6F6EB, #B6B17B, #415A2A, #203508, #232312)
• Antique Summit color palette (#F1F7F1, #B4DDBF, #9D7544, #3E543C, #272D26)
• Wandering Sand Terrace color palette (#F1F7F0, #FBD99C, #B79970, #617261, #262E26)
• Chestnut Bloom color palette (#ECDDC7, #785900, #243031, #1D1200, #040200)
• Bronze Bloom color palette (#E3E1D0, #8C7B09, #212B00, #131E18, #070B00)
• Weathered Fern Cabin color palette (#FAF5E4, #9CB086, #588362, #0F637A, #4B4B00)
• Dusty Driftwood Workshop color palette (#F7F5EF, #D7DBD4, #9EB0B1, #848650, #565348)
• Antique Aubergine Delta color palette (#FFF2EC, #AE7061, #586498, #643876, #442D2A)

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