Wandering Basalt color palette — #FFF2EB · #E0DDC3 · #CAA68F · #9E6972 · #503C00

A conversation between Deep Olive and Mocha, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E0DDC3): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#CAA68F): A luminous, dusty gold — the color of old brass.
• Mocha (#9E6972): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#503C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Wandering 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 Chestnut color palette (#FCEFE7, #D5B497, #A47664, #834429, #342A1D)
• Dusty Thicket color palette (#FFF0F9, #F0CFDD, #E0A790, #A2899F, #3F4C3F)
• Antique Driftwood color palette (#FEF1F9, #D4ABB8, #A17465, #68566D, #3B4C42)
• Bronze Grove color palette (#FBF5E2, #DEE0B9, #A2A265, #8A6225, #30332C)
• Cocoa Courtyard color palette (#FFF3E4, #B9B587, #9C6B1A, #792700, #091700)
• Weathered Cocoa Archive color palette (#F7E5D8, #A1804A, #7B3700, #460011, #010100)
• Hushed Bronze Pier color palette (#FBF1FB, #A2C6F7, #CD9DC0, #9C7D37, #3C2B3C)
• Antique Boulevard color palette (#F0E4CD, #90A270, #715E00, #4B2700, #000601)

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