Sapphire Courtyard color palette — #FFEFFF · #3172DB · #7B2800 · #3B4200 · #002728

Royal Blue and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFEFFF): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#3172DB): A full-bodied, vivid blue — the color of open sky before noon.
• Rust (#7B2800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Olive (#3B4200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#002728): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Soft Garnet color palette (#DEFDF3, #007DB9, #990113, #493B00, #002A24)
• Aged Petrol color palette (#FFF0F9, #5B5EAC, #734200, #1D3D00, #002315)
• Sunlit Loft color palette (#FFF0F8, #7A68DB, #AA001B, #384600, #003744)
• Sapphire Field color palette (#FCECFC, #006ED9, #A40039, #004925, #18041A)
• Wandering Villa color palette (#F5DFF0, #2F47A1, #602C00, #252F00, #001708)
• Washed Byzantium color palette (#FFF1F6, #8549C6, #6B4F00, #004831, #002646)
• Iris Study color palette (#FFF4E2, #7B7DEC, #843E93, #564300, #392C58)
• Hushed Sapphire Harbor color palette (#FBF2F8, #E6D5D4, #D0B3BB, #4F5FC2, #4A3A46)

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