Washed Basalt color palette — #FFEEE5 · #DDD7C5 · #C6BF99 · #9D6D68 · #4E2500

Espresso and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEEE5): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bone (#DDD7C5): A whisper-light, dusty green — the color of a quiet forest floor.
• Sand (#C6BF99): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9D6D68): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#4E2500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Ancient Stone Cabin color palette (#FCF0E1, #D9DCC3, #9FC3A8, #A48A72, #3E3933)
• Hushed Cocoa color palette (#FCF1DA, #B7AA89, #817546, #654500, #2A2205)
• Driftwood Harbor color palette (#FFF0FD, #E8D9D7, #A3D2BA, #A0627A, #5E4755)
• Chartreuse Thicket color palette (#FFF0D2, #E5E7A4, #AFD073, #8D6600, #302400)
• Muted Mustard Station color palette (#FFEEE2, #FFCD8F, #CDA300, #9A3E00, #311A00)
• Pale Garnet color palette (#FFEBDD, #BC8D66, #9F7200, #741B00, #0E0300)
• Chestnut Coast color palette (#FAEDCB, #C6D196, #89B179, #735A00, #1B1C00)
• Tempered Workshop color palette (#FAEDDB, #9E9052, #666900, #412500, #020100)

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