Sapphire Courtyard color palette — #EAF2FF · #406BE7 · #882C5A · #4E3500 · #003524

Sapphire and Raspberry set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EAF2FF): a clean, paper-quiet neutral.
• Sapphire (#406BE7): A full-bodied, vivid violet — the color of a velvet chair.
• Raspberry (#882C5A): A full-bodied, balanced rose — the color of pressed rose petals.
• Espresso (#4E3500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#003524): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Creativity, Energy, Balance. Tagged cool.

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

• Mulberry Lagoon color palette (#E6F4FF, #0081B2, #7C3079, #563000, #00351F)
• Iris Orchard color palette (#F2F5FF, #8674E3, #944A49, #464D13, #004049)
• Ancient Cobalt Study color palette (#E4EEFF, #5C77C7, #853D0F, #452F00, #00190F)
• Wandering Periwinkle color palette (#FAEDFA, #5695EF, #B24F34, #575200, #003616)
• Violet Lagoon color palette (#F1F0FF, #9954B8, #873909, #20450A, #003041)
• Lilac Hollow color palette (#EDEEFF, #9F77E8, #8955B4, #693674, #53304E)
• Gentle Lapis Market color palette (#D2E0FE, #4608ED, #680033, #2A1D00, #00170E)
• Pewter Drift color palette (#CDE1FE, #AD9FCB, #8E6686, #425948, #1C4346)

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