Sapphire Courtyard color palette — #F7ECE1 · #94BBB0 · #4961B5 · #004E59 · #2F2258

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

The five colors

• Cream (#F7ECE1): bright and airy, almost weightless.
• Ash (#94BBB0): A luminous, dusty teal — the color of glacier melt.
• Royal Blue (#4961B5): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004E59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2F2258): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Softworn Studio color palette (#FFF3E8, #82BFEE, #3A65D0, #00545D, #321C76)
• Ancient Petrol Lantern color palette (#F8ECE6, #99BBA1, #007295, #00523E, #002F56)
• Tempered Sapphire color palette (#DDEDEC, #8FB8DF, #266ABF, #004764, #041139)
• Cornflower Courtyard color palette (#EDF0E7, #A6C8EA, #3A86E6, #00668D, #1A2C53)
• Sunlit Ash Alley color palette (#FBE5FB, #C8BEFC, #C585B1, #006D80, #282E56)
• Wandering Meadow color palette (#CAE9EE, #008FB7, #005F8F, #00348E, #292565)
• Sunlit Navy color palette (#ECDCD0, #5E98B5, #00498C, #003030, #0C0047)
• Chalky Periwinkle Basin color palette (#FCE9EE, #AFD8FE, #7E9FFE, #008EA0, #2E274C)

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