Tempered Veranda color palette — #FBF2F5 · #C9DFF4 · #7887BE · #007072 · #424464

Built around Slate Blue, softened by Teal — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Powder Blue (#C9DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#7887BE): A luminous, balanced violet — the color of a velvet chair.
• Teal (#007072): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#424464): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cornflower Quarry color palette (#FFF1F6, #A6D5F6, #5A79D5, #006764, #45326D)
• Weathered Boulevard color palette (#F5F1EB, #C0E6DB, #748EBB, #006981, #3D2135)
• Cerulean Boulevard color palette (#F0F7F1, #D7DBF3, #8BA5D3, #0088A6, #3A4764)
• Olive Boulevard color palette (#E3FBF6, #85AD73, #9679BD, #45742D, #4A3862)
• Hushed Terrace color palette (#F7EBF7, #489FA1, #00516A, #003213, #00132F)
• Muted Orchard color palette (#F7E7EF, #478AA6, #003A7B, #00231D, #090029)
• Pewter Loft color palette (#DFFDF2, #C4E0F2, #9BC3DF, #5E8165, #335855)
• Dusty Cabin color palette (#F6EAF7, #7EBFBC, #00748E, #005412, #032F54)

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