Tempered Veranda color palette — #FBF2F8 · #D3BD90 · #894A38 · #473040 · #2C2123

Coffee and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Sand (#D3BD90): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#894A38): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#473040): A deep, shadowed, dusty pink — the color of peonies in June.
• Onyx (#2C2123): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Aged Market color palette (#FFF2ED, #D2D799, #9F6F6E, #773821, #342824)
• Aged Atelier color palette (#FAF3F6, #EEB18D, #6F8836, #9A5A33, #24312D)
• Bronze Dune color palette (#FFF2EB, #F9D8B3, #BC957C, #975D34, #352820)
• Weathered Fern color palette (#EAF9F1, #C7AB6F, #5B5300, #342F00, #19251F)
• Inked Chestnut color palette (#F1DDE7, #785900, #2B2213, #260B00, #060100)
• Hushed Parlor color palette (#ECF9EE, #C4A269, #717E41, #3D5C7B, #3B4D41)
• Aged Amber color palette (#ECD8DE, #B0850F, #4D2E00, #221200, #110403)
• Lagoon Basin color palette (#FFF0F9, #BD7F64, #2C908B, #3C628A, #463841)

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