Sapphire Courtyard color palette — #FFF1F6 · #5EC2FF · #345CE9 · #005653 · #37275B

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#5EC2FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#345CE9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#37275B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Hazy Cobalt Workshop color palette (#F9E9F2, #79BCD5, #1269B9, #005144, #28294E)
• Cobalt Lantern color palette (#FFF0FA, #7FDFF3, #0087CA, #00694C, #313D65)
• Chalky Nightshade Workshop color palette (#DCE9DA, #5FA6DD, #3B49B1, #003E3F, #271043)
• Ancient Courtyard color palette (#DEFCFB, #96D3FF, #3091E4, #006D8E, #00306C)
• Washed Ash Loft color palette (#F9F3F9, #D2D7F0, #6AA3B6, #587858, #435466)
• Misty Lantern color palette (#FFF3E8, #B6DFFF, #7EA9FF, #0096A2, #302072)
• Timeworn Cerulean color palette (#EDD9E8, #00A2B2, #005072, #00321E, #010941)
• Antique Grape Ridge color palette (#BFF2E1, #87A022, #8A17C2, #475600, #41115C)

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