Teal Veranda color palette — #FBF2F5 · #D8DDF4 · #ABBCEB · #58A7A6 · #414564

Turquoise and Sky set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#FBF2F5): bright and airy, almost weightless.
• Frost (#D8DDF4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#ABBCEB): A luminous, dusty violet — the color of a velvet chair.
• Turquoise (#58A7A6): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#414564): A full-bodied, dusty violet — the color of wild irises.

Feels like: Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Antique Loft color palette (#F3F4FF, #D6EDCC, #E7D8E0, #8EB1D2, #544F63)
• Wandering Emerald color palette (#FAF2F9, #BDE8F6, #71BDDE, #579E6C, #213B5E)
• Dusty Balcony color palette (#F4F4FF, #D5ABED, #96C47E, #4FAF8B, #37354C)
• Cerulean Orchard color palette (#FAF4EC, #C1E7EB, #84A6D9, #29879E, #593D52)
• Gentle Periwinkle color palette (#E7F2E6, #AED8FF, #909EEB, #009095, #382051)
• Cobalt Delta color palette (#E9DAE2, #68ABC6, #3C75BB, #005F51, #090029)
• Softworn Lilac Courtyard color palette (#D7EBFF, #BAC0FF, #B19AEB, #A370A7, #643A4D)
• Worn Taupe color palette (#E9FAEE, #AFDCCD, #BCAC78, #A67F60, #264341)

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