Sapphire Courtyard color palette — #F5EDE6 · #7EBCD2 · #0069BC · #005143 · #272756

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#7EBCD2): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0069BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#272756): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Feathered Lagoon color palette (#F8EBE8, #78C0BF, #007390, #00541B, #0B2F52)
• Wandering Petrol Courtyard color palette (#E2ECE4, #73BFDE, #0072AB, #004B4F, #001534)
• Cobalt Pier color palette (#FCF3EC, #A5D0BF, #5476BD, #00605B, #3C3459)
• Nightshade Field color palette (#F3ECE5, #7FA3C4, #4247AF, #003D40, #290F41)
• Soft Canyon color palette (#FFF2EE, #96DDDA, #008DAD, #116B21, #184269)
• Worn Onyx color palette (#EFDDD5, #459EAC, #004F75, #00321F, #030743)
• Periwinkle Harbor color palette (#F8EAF2, #A4DDF5, #5BAAF1, #00918B, #1E2A55)
• Plum Station color palette (#F5D6D9, #A23B93, #006C72, #154D67, #31112C)

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