Sapphire Courtyard color palette — #FFECFC · #346AFF · #7F3300 · #2C2500 · #000201

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

The five colors

• Blush (#FFECFC): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#346AFF): A full-bodied, vivid violet — the color of wild irises.
• Rust (#7F3300): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#2C2500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000201): quiet, heavy and certain.

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

• Hushed Amethyst Study color palette (#FFECF6, #7F4BFF, #6E4200, #002E0A, #000202)
• Obsidian Lapis color palette (#EFE2EA, #5231FF, #632700, #031C00, #000200)
• Ancient Mulberry color palette (#D9FCEF, #0082C0, #920037, #2D2400, #020200)
• Iris Harbor color palette (#FFF0F8, #9385FF, #A84D00, #004C2C, #00180A)
• Hazy Lantern color palette (#D3DFF5, #3047BE, #670038, #2A1C00, #00160F)
• Misty Rust color palette (#CCE5DA, #009DCE, #BC4900, #345E00, #081600)
• Obsidian Terrace color palette (#F3D6DE, #7C00AB, #362900, #242228, #000A06)
• Charred Lapis color palette (#FFE4F4, #581FF0, #1D130B, #1E0625, #040002)

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