Sapphire Balcony color palette — #DDF8F8 · #7CC2FF · #0070D5 · #004D6A · #021543

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#DDF8F8): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7CC2FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0070D5): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#004D6A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#021543): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Tempered Petrol color palette (#DEEDEB, #68BFE7, #0073A5, #004957, #00172B)
• Wandering Hollow color palette (#FDF4E6, #87BEEC, #3069C9, #005366, #232476)
• Patina Study color palette (#DFF8F5, #7CE0FC, #0090B9, #006169, #00293C)
• Feathered Study color palette (#FFF1F5, #99D2FF, #6A82EF, #007273, #40186C)
• Antique Lagoon color palette (#D3EEEA, #1E9AB0, #005266, #002B2D, #000509)
• Ancient Teal color palette (#D2E5DC, #00A78C, #007163, #004542, #002324)
• Tempered Ultramarine Corridor color palette (#CDF9FC, #008188, #253DFF, #2F6000, #001213)
• Timeworn Market color palette (#D6F1EC, #009B8E, #8D6D00, #005951, #1D1400)

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