Basalt Alley color palette — #FFF3E8 · #D8B795 · #AE8666 · #8A5D43 · #543600

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sand (#D8B795): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#AE8666): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8A5D43): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#543600): 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 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

• Aged Parlor color palette (#FFEADC, #E5A378, #B87251, #8F4A38, #3A342F)
• Timeworn Chestnut color palette (#EADFD2, #A68840, #7F5800, #573400, #1E1400)
• Wandering Marigold Boulevard color palette (#F5DAAA, #C3A135, #996F00, #714900, #302900)
• Olive Station color palette (#F1E8CE, #707518, #4C4700, #2C2300, #030400)
• Hushed Bronze color palette (#EAFAEF, #32A6B6, #927421, #456522, #212C19)
• Petrol Veranda color palette (#E9FAF3, #A1D3AA, #40799A, #204C3E, #13261F)
• Hazy Aubergine Meadow color palette (#F3F2FF, #C5B2EA, #A380B9, #805089, #651C5F)
• Linen Periwinkle color palette (#FDF0FE, #61A2EB, #B478A6, #178163, #3E2B3F)

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