Tempered Veranda color palette — #F1F5FC · #DFD7E7 · #D8B7D9 · #6483CF · #37404F

Azure and Carnation set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DFD7E7): A whisper-light, dusty violet — the color of a velvet chair.
• Carnation (#D8B7D9): A luminous, dusty pink — the color of a candy shop window.
• Azure (#6483CF): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#37404F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. 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

• Weathered Hollow color palette (#F5F4FB, #EAD5E3, #DAB6C3, #A56ABF, #3F3E4C)
• Worn Indigo Atelier color palette (#EBEEF7, #D5D6E9, #BCB2CF, #6067BE, #2A2E37)
• Washed Periwinkle Alley color palette (#FAF3F9, #E5D6D4, #ADAE9B, #79A2F6, #483B46)
• Blush Grove color palette (#D5E8FF, #C0B2E8, #C2789D, #427D55, #235157)
• Violet Villa color palette (#DEE2FB, #985DF7, #5E3457, #202342, #0C121B)
• Weathered Studio color palette (#EDF6FF, #1DA2FB, #CE3064, #426000, #003938)
• Orchid Corridor color palette (#D7FFF7, #74A7FF, #BA4BD5, #2D6300, #303059)
• Emerald Parlor color palette (#E5FCEC, #AEC67A, #3C9D55, #6F5D98, #134438)

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