Sapphire Courtyard color palette — #F5E5EC · #86B9D7 · #3C6DD9 · #005A54 · #221247

A conversation between Royal Blue and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Blush (#F5E5EC): bright and airy, almost weightless.
• Sky (#86B9D7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#3C6DD9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#221247): 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 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

• Cobalt Quarry color palette (#E5DAE3, #7FBDC5, #007EAE, #005D38, #011753)
• Worn Cobalt color palette (#FFF3E8, #8AD7FF, #4878CC, #00524B, #0E032A)
• Aged Denim color palette (#ECE4D8, #71A6C5, #005999, #003D45, #0B1C44)
• Gentle Azure Veranda color palette (#E5F1E7, #6ECCFE, #3396EC, #007B89, #0A1C46)
• Hushed Azure color palette (#FFF0FD, #87DAE8, #0096D8, #007650, #132878)
• Hazy Grape Hollow color palette (#D5E4DD, #9F9C25, #833BB4, #585600, #290041)
• Ancient Atelier color palette (#FFF1F6, #BCE0FE, #7C96EB, #008281, #47326B)
• Weathered Lagoon Market color palette (#F9F3F7, #D7E0EF, #96B5D4, #369A80, #46526E)

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