Sapphire Courtyard color palette — #FBEFE5 · #7EC4F2 · #4066DD · #00524F · #210148

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

The five colors

• Cream (#FBEFE5): bright and airy, almost weightless.
• Sky (#7EC4F2): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4066DD): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#00524F): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#210148): 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

• Weathered Petrol Quarry color palette (#F5E6DC, #7CBED6, #396EA5, #004D3F, #110A3F)
• Sapphire Lagoon color palette (#FEF4E4, #7FC0EC, #0E6DCA, #005462, #1C2B6C)
• Faded Cobalt color palette (#FEEEE7, #9CDCE8, #158CC8, #006545, #0F1E55)
• Faded Cornflower Villa color palette (#FEF1F6, #A2D1F3, #5F83F5, #007270, #3A2165)
• Denim Orchard color palette (#F1E8DE, #71A2CB, #435199, #00393A, #110025)
• Hushed Forest Hollow color palette (#F8F0ED, #CBE4CC, #5A97AF, #326D40, #39233A)
• Ancient Cerulean color palette (#FFEAE1, #3699A4, #005070, #002E19, #000219)
• Timeworn Garden color palette (#98F7FF, #00B6BD, #006B6C, #003638, #000A0B)

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