Tempered Veranda color palette — #F1F7F1 · #D2DDDC · #B6B4BF · #8AB1A7 · #4A4F4A

Sage and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D2DDDC): bright and airy, almost weightless.
• Ash (#B6B4BF): a calm mid-gray that lets other colors speak.
• Sage (#8AB1A7): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4A4F4A): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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

• Hushed Cerulean color palette (#EBF3F5, #D4D8E0, #B9ADBB, #5A8C96, #313739)
• Softworn Field color palette (#F7F5EE, #BEE2D3, #ACB38A, #7E8B77, #4D4800)
• Antique Abyss color palette (#E9F0EB, #AAC1B6, #759B91, #00444C, #000200)
• Tempered Glacier color palette (#FEF4E4, #9FECF3, #7FA7C8, #976166, #304539)
• Patina Sky Courtyard color palette (#ECF9F2, #6DBAD7, #415B54, #222E28, #0C110D)
• Ancient Bronze color palette (#E4FDEA, #C0E6EA, #D6C0CE, #B57453, #744504)
• Tempered Indigo color palette (#FDF1F8, #E5D6D5, #B0AE9E, #756CDA, #311E29)
• Antique Denim Atelier color palette (#F9F2FA, #E5D4D7, #CEB1BF, #1061A7, #140715)

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