Sapphire Courtyard color palette — #F0F5FF · #405FD0 · #88005D · #332800 · #000102

Built around Royal Blue, softened by Raspberry — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Royal Blue (#405FD0): A full-bodied, vivid violet — the color of a velvet chair.
• Raspberry (#88005D): A full-bodied, vivid rose — the color of pressed rose petals.
• Espresso (#332800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, 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

• Chalky Meadow color palette (#F3F4FF, #8336C1, #88004F, #272600, #000103)
• Aubergine Dune color palette (#EEF6FF, #006DB3, #6C009A, #411E00, #000201)
• Sunlit Sapphire color palette (#EBF3FF, #2B71F1, #872900, #2B2500, #000201)
• Linen Study color palette (#E8F6C2, #0092DC, #623C97, #273000, #00011A)
• Charred Courtyard color palette (#DFF3EB, #004A69, #5C0026, #1D1B00, #000B12)
• Moonless Lapis Veranda color palette (#E8EFFF, #522DE9, #2F241E, #1E0626, #00000C)
• Dusty Orchid Ridge color palette (#F2F5FF, #9F4BFB, #A43C00, #554100, #000405)
• Pale Field color palette (#D1E9F4, #55A2FC, #5955C9, #440068, #0E000A)

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