Sapphire Balcony color palette — #EFF6FF · #D9DDEF · #BEB8DB · #2868FC · #22334D

Royal Blue and Navy set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Silver (#D9DDEF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#BEB8DB): A luminous, dusty violet — the color of twilight just after sunset.
• Royal Blue (#2868FC): A full-bodied, vivid violet — the color of wild irises.
• Navy (#22334D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Creativity, Energy, Balance. Tagged scandi, muted, light, vibrant.

Use it as a design system

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

• Iris Basin color palette (#F0F5FF, #DCD6EB, #CBBADE, #7290FA, #2B3342)
• Timeworn Amethyst Boulevard color palette (#F2F4FF, #DEDBED, #DEAEC1, #864AEE, #2C304D)
• Ancient Corridor color palette (#ECF7FF, #D5DFED, #B1BCE5, #0082AE, #1F3644)
• Ultramarine Lantern color palette (#FEF1FA, #E5C9DA, #C09AAD, #354BBE, #3D2D39)
• Washed Cobalt color palette (#FEF0FD, #E8D7D7, #B1AE9F, #577DC3, #2E1E2D)
• Violet Atelier color palette (#F5F4FC, #E0D6DC, #CEB8BF, #9D68AE, #3A3848)
• Misty Drift color palette (#EEEBFF, #824CEF, #50254E, #1E0E3F, #010715)
• Plum Harbor color palette (#D3ECFE, #0098CE, #BB0077, #4B4B00, #002A2F)

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