Sapphire Courtyard color palette — #E1FBFA · #7BBFF6 · #006EC9 · #00516E · #133064

Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#E1FBFA): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7BBFF6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006EC9): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00516E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#133064): 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 Courtyard 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

• Muted Petrol color palette (#E7FAF7, #79C5D8, #007999, #00555B, #00384F)
• Sapphire Coast color palette (#FDEDF2, #76C3FF, #426BCD, #005059, #190D42)
• Muted Cornflower Atelier color palette (#FFF3E6, #98D2FF, #5485F8, #00717B, #312666)
• Wandering Garden color palette (#EEF8F6, #BBE4F2, #2A9AAB, #00716B, #294D5E)
• Hushed Teal color palette (#DBEFEA, #56B0AA, #006467, #003F34, #002529)
• Airy Periwinkle Pier color palette (#FFF1F5, #B7DFFF, #8BA5FF, #009797, #3C2162)
• Muted Lagoon Bloom color palette (#E2F2EF, #468D95, #004450, #002221, #000B11)
• Patina Pine color palette (#D8ECD8, #008924, #007180, #6D4B00, #002D06)

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