Sapphire Courtyard color palette — #FFF0F8 · #71C4E7 · #006AD4 · #00574B · #2F2961

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sky (#71C4E7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AD4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Forest (#00574B): A full-bodied, dusty teal — the color of glacier melt.
• Navy (#2F2961): 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

• Lapis Study color palette (#FFF1F5, #8BBDEA, #4D48FF, #005558, #3D235B)
• Muted Cobalt Orchard color palette (#FAF2F7, #A9CADD, #3F7CB8, #00624F, #33375B)
• Feathered Cobalt Terrace color palette (#FCF0DE, #54CAFB, #0077BA, #005157, #001740)
• Timeworn Ultramarine Parlor color palette (#F0E3E9, #62A8CE, #1C4DB8, #003E3A, #211345)
• Cypress Alley color palette (#FAF3F6, #D9DEEE, #8698C5, #297D7A, #4D5169)
• Wandering Canyon color palette (#FFD8EB, #CB6400, #007AA7, #7A3A00, #003248)
• Timeworn Periwinkle Balcony color palette (#FFF2E9, #A7E4FF, #5EB0FF, #009894, #1E2872)
• Softworn Lagoon Orchard color palette (#EAE0E9, #1BA3A5, #005269, #003311, #00132E)

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