Sapphire Courtyard color palette — #FBEFD6 · #0097BB · #235ED2 · #871200 · #000D17

Cobalt and Rust set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEFD6): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#0097BB): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#235ED2): A full-bodied, vivid violet — the color of wild irises.
• Rust (#871200): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#000D17): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Balance. Tagged retro.

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

• Frosted Drift color palette (#E9DFCA, #0092D6, #5853CC, #733200, #000B1F)
• Dusty Garnet Market color palette (#D6F2DC, #009D97, #007297, #801344, #000E10)
• Worn Byzantium Orchard color palette (#DAF0FF, #008DB9, #8C30B1, #762400, #050900)
• Soft Cabin color palette (#DCF2E0, #0077E6, #6539B2, #563000, #010019)
• Nightshade Meadow color palette (#F2DCC7, #008188, #3926BB, #412300, #000D15)
• Wandering Periwinkle color palette (#C5E7FA, #5F99E5, #8171A8, #78503B, #261A00)
• Airy Iris Courtyard color palette (#FFE1A3, #2EBFFD, #6B7FFF, #B14505, #002A4C)
• Timeworn Boulevard color palette (#DFEBF5, #0070AD, #1E2E61, #191720, #000813)

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