Sapphire Courtyard color palette — #EDF9EF · #6EC0FC · #0068DA · #005364 · #222C67

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Sky (#6EC0FC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0068DA): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#222C67): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Softworn Cobalt color palette (#EFF8F0, #A0CBE8, #2E7AC8, #005E6B, #2C395B)
• Wandering Sapphire color palette (#FFECF2, #6BC6FF, #3A61EC, #00524F, #210346)
• Timeworn Aqua color palette (#EDF9EF, #64CACF, #007B90, #005748, #00384D)
• Periwinkle Veranda color palette (#F3F8E9, #B7DFFF, #60B0FF, #0091BD, #083068)
• Ultramarine Chapel color palette (#D7E2D9, #7FA2C5, #194BBC, #003C4C, #181747)
• Cerulean Corridor color palette (#EFF8F1, #C1E3EE, #269AB0, #01735E, #304B5D)
• Tempered Cerulean color palette (#E2EDE4, #3D9EAE, #005269, #00302C, #001625)
• Antique Boulevard color palette (#FED5D8, #D1004B, #417400, #00529A, #490115)

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