Sapphire Courtyard color palette — #FFF3E3 · #FF9EC2 · #DE9419 · #475DF1 · #59201E

Royal Blue takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Carnation (#FF9EC2): A luminous, balanced rose — the color of strawberry cream.
• Mustard (#DE9419): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#475DF1): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#59201E): A deep, shadowed, balanced orange — the color of autumn markets.

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

• Weathered Indigo Canyon color palette (#FFF3E5, #FFA49C, #B9A719, #5B61D9, #552700)
• Chalky Apricot Study color palette (#FFF5D9, #FF9AD5, #ED8919, #0078BE, #572129)
• Linen Delta color palette (#FFF1F2, #F88CD7, #ADA518, #295DEC, #550744)
• Misty Lapis Ridge color palette (#F3DAB9, #ED8893, #A68300, #4C56C6, #411300)
• Frosted Lantern color palette (#FFF2E9, #FFAA64, #74BC43, #8753C3, #443300)
• Chalky Orchard color palette (#FAF7D9, #D8A9FF, #F86864, #0087A8, #4E2444)
• Weathered Boulevard color palette (#FFE7EC, #F3BCB9, #C0B178, #9B7DB0, #5D4063)
• Dusty Atelier color palette (#FFF4E2, #FFA583, #AD7C00, #006471, #3F1E03)

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