Washed Basalt color palette — #FFF3E9 · #E2B38C · #B08469 · #885D4B · #573500

A conversation between Cocoa and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#E2B38C): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#B08469): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#885D4B): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#573500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Washed 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 Bloom color palette (#FDF4E5, #D7CB9D, #AC9877, #956B2D, #594500)
• Weathered Apricot color palette (#FAE3CF, #D5A36A, #A87344, #7A4F35, #34302A)
• Weathered Amber color palette (#F0DBC3, #B68100, #845500, #5B3100, #1E1500)
• Dusty Drift color palette (#FAEFC9, #AFBE63, #8D8B1D, #6D6119, #36362F)
• Dusty Mustard Workshop color palette (#F4F7EB, #CACA77, #4D7F5C, #3D4900, #20231A)
• Wandering Olive Station color palette (#F7EACC, #787200, #514500, #2F2200, #030400)
• Hushed Workshop color palette (#EDFAE7, #00B8A0, #6E90C8, #7F6E2F, #2C3726)
• Tempered Field color palette (#EFF8ED, #1FE0D8, #419AC3, #1E928D, #192822)

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