Sapphire Courtyard color palette — #FBF0E1 · #8AC1F3 · #1164F1 · #004F62 · #111044

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

The five colors

• Cream (#FBF0E1): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#8AC1F3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1164F1): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#004F62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#111044): A deep, shadowed, balanced violet — the color of wild irises.

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

• Powdered Boulevard color palette (#F8F1E5, #74C8EC, #0078B8, #005156, #00173F)
• Washed Sapphire color palette (#FFF1F5, #6DC0FF, #4A5DDB, #005556, #3B2559)
• Misty Cornflower Studio color palette (#ECF9EF, #9DD1FF, #4286FF, #006F88, #272C60)
• Aged Boulevard color palette (#F6EDDF, #55ADA9, #00646E, #003B2A, #000D13)
• Hushed Dune color palette (#F0E8DD, #3D848F, #004254, #00201C, #000103)
• Washed Ultramarine Bloom color palette (#DFE9DC, #3A8600, #005FC9, #9B002D, #041300)
• Hushed Garden color palette (#E0EDD3, #72A823, #8900D4, #375700, #220039)
• Frosted Teal color palette (#DBFED2, #8CEEC4, #00BBBF, #676D00, #002813)

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