Sapphire Courtyard color palette — #FEF1F7 · #62C4F6 · #006BD0 · #005557 · #27296A

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

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Sky (#62C4F6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006BD0): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#27296A): A deep, shadowed, balanced violet — the color of a velvet chair.

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 (#FAF3F6, #9ACDE6, #2B7BC6, #00605E, #2D3A55)
• Ancient Cobalt color palette (#EFF6DC, #72C6F4, #0078B7, #004F61, #001A35)
• Linen Ultramarine color palette (#FAEBF1, #7AA4C2, #064CBD, #003D42, #1B144A)
• Pale Forest color palette (#FFF0FA, #5FCCC7, #007B8E, #005931, #003850)
• Periwinkle Garden color palette (#FDF4E5, #AFE2FF, #5CB0FF, #0095A6, #132D6C)
• Hushed Pine color palette (#FBF2F8, #C2E3EB, #3599AC, #257347, #2C4B62)
• Aged Ash color palette (#FAF3F5, #DADDEE, #8599C5, #3C7982, #4B5168)
• Muted Cerulean Study color palette (#F8EAF4, #1BA2AB, #005268, #003122, #001528)

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