Pale Sapphire Courtyard color palette — #FDE7F8 · #8DA6E6 · #C89317 · #3555EB · #473100

A conversation between Royal Blue and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FDE7F8): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#8DA6E6): A luminous, balanced violet — the color of wild irises.
• Mustard (#C89317): A luminous, balanced gold — the color of old brass.
• Royal Blue (#3555EB): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#473100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Pale 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

• Misty Cobalt color palette (#DDF5EE, #72ADE9, #D08E20, #006DBC, #4A2F00)
• Sunlit Violet Alley color palette (#FFF0F8, #B6AFEB, #AAAB49, #8169DC, #464502)
• Pale Ultramarine Delta color palette (#F9E9F7, #638AE1, #927500, #244BB6, #423400)
• Misty Mustard Study color palette (#E4F0FF, #98C0FF, #CAB01E, #6591D8, #3F3500)
• Misty Delta color palette (#F0D6E7, #7479DF, #887400, #460FDB, #211A00)
• Gentle Byzantium color palette (#FFE8ED, #C491D8, #7AAF41, #992ABE, #243E00)
• Pale Ember color palette (#F9DAF0, #7F8EE2, #D16449, #008F51, #23284A)
• Lilac Alley color palette (#D9E5DB, #FFA158, #B485F0, #3D2D51, #241A1D)

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