Sapphire Courtyard color palette — #EDDEE4 · #7EB9E1 · #216BEB · #00585E · #1B1647

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

The five colors

• Shell Pink (#EDDEE4): bright and airy, almost weightless.
• Sky (#7EB9E1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#216BEB): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#1B1647): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Wandering Cobalt color palette (#F4E9F1, #73BFCD, #007FAD, #005B4B, #001E43)
• Worn Basin color palette (#FCF4E8, #9DD3FA, #3C7BC9, #004F5D, #04042F)
• Iris Courtyard color palette (#EEE3DA, #9AC6E5, #708EE0, #007D7A, #250F48)
• Misty Denim color palette (#E6EADB, #6CA6CE, #005A99, #003B4E, #001D47)
• Worn Cerulean color palette (#FDF1F9, #5FDFF6, #0098D0, #007461, #0C3260)
• Quiet Iris Boulevard color palette (#FFF1F5, #BBE0FF, #6C95FF, #00808E, #3E366C)
• Linen Courtyard color palette (#D9F6ED, #81A625, #7E31C9, #455C00, #240740)
• Muted Basin color palette (#FAF3F8, #C9E3FA, #31B7CE, #528864, #2E4B60)

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