Tempered Basalt Veranda color palette — #FFF2F0 · #DBB89F · #7A524C · #522A37 · #30241A

A conversation between Espresso and Coffee, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Sand (#DBB89F): A luminous, dusty gold — the color of old brass.
• Coffee (#7A524C): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#522A37): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#30241A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

Use it as a design system

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

• Patina Rust Thicket color palette (#FBF3F1, #E5B1B2, #A0724C, #A74C53, #322D28)
• Tempered Cocoa color palette (#FCF3EC, #C7A97F, #70461F, #462400, #211D0B)
• Hushed Studio color palette (#F9F2FB, #FFD4B7, #C68C98, #78657D, #2F2831)
• Weathered Ridge color palette (#F6F4FB, #CED7A7, #9C6C8A, #544565, #2D2932)
• Tempered Chestnut Bloom color palette (#FFF2EB, #D3B096, #A97A53, #7A4E00, #5A3F00)
• Dusty Bronze color palette (#F8EAD9, #8D6300, #293439, #2B1800, #090300)
• Powdered Garnet color palette (#FFF2ED, #D98E4C, #831924, #4F000C, #2A130B)
• Aged Amber Chapel color palette (#F2E2CB, #B9890F, #4E3600, #251800, #090900)

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