Sapphire Courtyard color palette — #FFF0F7 · #88C0E1 · #2F62DF · #005651 · #372169

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Sky (#88C0E1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#2F62DF): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#372169): 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

• Muted Cobalt color palette (#FDF1F7, #A9CAE0, #4979BC, #006155, #38355C)
• Cobalt Balcony color palette (#F9F1E3, #69C7F9, #0075C5, #00505A, #031444)
• Hushed Nightshade Alley color palette (#F3E2E9, #7BA4C2, #334CAF, #003E3D, #260E48)
• Misty Grove color palette (#E9FBEC, #8AD5FF, #0090F1, #00707E, #192F62)
• Forest Drift color palette (#FCF1FD, #6ACAC6, #007A95, #055B11, #00345D)
• Patina Pine color palette (#F9F3FA, #BEE4EE, #5394AB, #2A7334, #2E4A67)
• Patina Cypress Dune color palette (#FAF3F5, #DADDEE, #8C97C2, #007E82, #4E4F6E)
• Dusty Onyx color palette (#F8EBF7, #5F9BA1, #00506F, #00321A, #000F39)

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