Sapphire Balcony color palette — #EAF3FF · #366FE1 · #704C00 · #3C3E00 · #102D0E

Sapphire and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Sapphire (#366FE1): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#704C00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3C3E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#102D0E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Wandering Terracotta color palette (#E4F5FF, #0083A8, #8B3511, #4C3600, #252800)
• Gentle Study color palette (#EFF6FF, #4F87E0, #8E5224, #005638, #003B3A)
• Muted Violet Summit color palette (#EFF1FF, #8E52D0, #445E00, #234501, #003427)
• Washed Amethyst Archive color palette (#E0E7FF, #772DFC, #574C00, #003C30, #002327)
• Denim Hollow color palette (#D0E3F6, #005A99, #582600, #00270C, #00100D)
• Sunlit Byzantium Harbor color palette (#E0DDFC, #9039B1, #434C00, #00314B, #101732)
• Ancient Cerulean color palette (#FAF2F9, #82D5D9, #2083A7, #256139, #253B5A)
• Hazy Plum Market color palette (#EEF1FF, #9688D7, #A35086, #803526, #002D4E)

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