Basalt Alley color palette — #FFF2EB · #E0DBC4 · #CAA68F · #A1686A · #543A00

Deep Olive and Mocha set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E0DBC4): A whisper-light, dusty green — the color of new leaves after rain.
• Camel (#CAA68F): A luminous, dusty gold — the color of old brass.
• Mocha (#A1686A): A full-bodied, dusty red — the color of late-summer berries.
• Deep Olive (#543A00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

One click turns Basalt Alley 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

• Dusty Garden color palette (#FFF1F6, #F9D2DA, #E09AAD, #B25955, #6C3100)
• Stone Station color palette (#FFF0F9, #D7AF8D, #98738B, #685769, #3D4C40)
• Patina Bronze Alley color palette (#FDEFE6, #D5B49A, #AE7349, #824623, #36291D)
• Wandering Bronze Summit color palette (#FFF3E4, #BFB37E, #9D6B0D, #723000, #111500)
• Dusty Taupe Corridor color palette (#FBF5E4, #E1DFB7, #A2A26A, #806636, #31332C)
• Softworn Boulevard color palette (#FAE2D4, #AB7A4F, #862A00, #450013, #020100)
• Chestnut Villa color palette (#F4E4C2, #94A262, #705F00, #472B00, #000600)
• Dusty Lagoon Bloom color palette (#FEF2F5, #D6B3EB, #C8AA6F, #4E926E, #3F2B31)

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