Tempered Veranda color palette — #FAF3F7 · #D5DFF6 · #9FC0EA · #51AA99 · #3D4662

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D5DFF6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#9FC0EA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Turquoise (#51AA99): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#3D4662): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, 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

• Muted Basin color palette (#F9F4ED, #BFE8E7, #7BABCE, #128B91, #563E56)
• Washed Mallow color palette (#FBF1FF, #FC9DBD, #6FC8B1, #42ABB7, #413148)
• Washed Periwinkle Thicket color palette (#FFF1F5, #BBDEFF, #93A2FF, #00979C, #411D62)
• Cobalt Villa color palette (#F0E1EC, #5DAEBD, #007CB6, #006042, #02002F)
• Weathered Cornflower Cabin color palette (#FBEBF2, #84B7D7, #507DE3, #006D68, #18033A)
• Blush Archive color palette (#F8F2FF, #FBB1E0, #67D4C0, #D47DB6, #004E44)
• Faded Bloom color palette (#E7DFE7, #85CFCD, #00A2C7, #218232, #00203E)
• Driftwood Study color palette (#FFF1F7, #B6DCBC, #CBA388, #AA7978, #2C4339)

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