Weathered Basalt color palette — #F9F0EA · #D1C38C · #85533E · #4E2400 · #19120E

Built around Espresso, softened by Sand — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Sand (#D1C38C): A luminous, dusty green — the color of fresh herbs.
• Coffee (#85533E): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#4E2400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#19120E): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Muted Chestnut Thicket color palette (#FDF1F9, #C4C495, #7E5142, #47303F, #2C2123)
• Ancient Marigold color palette (#F4F2E6, #D7AB68, #4F5B26, #2C280A, #0E0D04)
• Stone Delta color palette (#F8F0EB, #F5B28B, #4A9472, #9A6240, #14170F)
• Aged Dune color palette (#FEF1F8, #B9DBC0, #9D725B, #5F4452, #32282D)
• Lowlit Bronze Balcony color palette (#E5E0D3, #9D6F00, #2D2B00, #0F181B, #090800)
• Washed Pier color palette (#FDF0E0, #CFA454, #64825C, #534B73, #322B19)
• Amber Basin color palette (#FEEFE2, #C9824A, #578AA5, #3E6858, #2B2017)
• Wandering Driftwood color palette (#FFEEE1, #D9BD82, #888A48, #376136, #00382B)

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