Sapphire Courtyard color palette — #F6EDE4 · #8CB7D6 · #4862B2 · #00504E · #332254

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

The five colors

• Cream (#F6EDE4): a clean, paper-quiet neutral.
• Sky (#8CB7D6): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#4862B2): A full-bodied, balanced violet — the color of wild irises.
• Forest (#00504E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#332254): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Dusty Field color palette (#F5ECE8, #99BBA3, #0070A2, #005237, #19295B)
• Cobalt Villa color palette (#E4EBE5, #94B8D5, #276CB8, #004956, #081138)
• Softworn Cornflower color palette (#F5EDE1, #9DCBEB, #1B85F2, #00697B, #1F2B51)
• Ancient Cobalt color palette (#FEF2EE, #98DBE6, #0089C4, #006A46, #283C71)
• Frosted Chapel color palette (#F3E8E2, #4D9BB5, #004B86, #003127, #100045)
• Softworn Periwinkle Coast color palette (#F7EBEF, #A6DBFF, #86A2EA, #00918D, #31264A)
• Dusty Delta color palette (#ECDBC4, #A47500, #007693, #604300, #002E3C)
• Bronze Parlor color palette (#F2DDC1, #8B6300, #006593, #334379, #2B1C00)

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