Sapphire Balcony color palette — #F4EAE1 · #71BCE1 · #2F70D7 · #005A51 · #1F1545

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

The five colors

• Cream (#F4EAE1): a clean, paper-quiet neutral.
• Sky (#71BCE1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#2F70D7): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#1F1545): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Cobalt Meadow color palette (#F3E6E1, #41C6D3, #007EAE, #005D37, #071C46)
• Feathered Cobalt color palette (#FFF0F7, #9FD4F2, #347AD3, #005153, #090034)
• Denim Grove color palette (#DAEEED, #73A6C4, #005C90, #003C4B, #00203F)
• Azure Thicket color palette (#EBEFE0, #98C7E2, #089BE6, #007993, #00203D)
• Hushed Azure Field color palette (#FFF2EC, #6BDEEC, #0098D1, #007749, #183062)
• Pale Corridor color palette (#FFF3E8, #B7E1FF, #7A98E7, #00837F, #443566)
• Pale Balcony color palette (#FAD3E2, #CF007F, #00787B, #135974, #280014)
• Worn Hollow color palette (#F2DCE5, #F7A38C, #AA9E4D, #735390, #3B111A)

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