Sapphire Veranda color palette — #EFF6FF · #D7DDF5 · #BEB9DB · #3870E0 · #283344

Built around Sapphire, softened by Lavender — the whole palette hums with sophistication.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Frost (#D7DDF5): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BEB9DB): A luminous, dusty violet — the color of a velvet chair.
• Sapphire (#3870E0): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#283344): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Worn Iris Chapel color palette (#F1F5FE, #DCD6E8, #CDBBE2, #7590F6, #293345)
• Hushed Balcony color palette (#FCF1FB, #E7D6D6, #CAA996, #467AD9, #2D1F2C)
• Tempered Pewter Balcony color palette (#EDEDF8, #D9D5E1, #C2B0C7, #8160A2, #2C2C3A)
• Timeworn Cerulean Lagoon color palette (#E9F8FF, #D0E0F0, #ACBEE1, #00869C, #133747)
• Wandering Boulevard color palette (#FDF1FB, #E0CCD8, #BC9CAC, #2B3DDC, #3E2C3A)
• Wandering Cornflower Meadow color palette (#D9EAFF, #3588FE, #BD2040, #265500, #002D0E)
• Sunlit Amethyst Lagoon color palette (#E2E6F7, #8444F8, #4D284B, #1D1237, #010718)
• Ash Ridge color palette (#F2F5FC, #DDD8E0, #B9ADB0, #8A9BC0, #4E535C)

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