Sapphire Courtyard color palette — #F8ECE1 · #8CBDAE · #3560C7 · #004E56 · #2B274E

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

The five colors

• Cream (#F8ECE1): a clean, paper-quiet neutral.
• Mint Leaf (#8CBDAE): A luminous, dusty teal — the color of glacier melt.
• Royal Blue (#3560C7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#2B274E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Aged Boulevard color palette (#F7ECE6, #81BCCA, #00709F, #005145, #102D56)
• Faded Sapphire color palette (#FFF3E8, #7AC1EE, #0063E7, #00555A, #2C2965)
• Washed Veranda color palette (#DEECEC, #87B9E4, #186CBD, #004761, #041433)
• Hazy Bloom color palette (#FFF2EC, #8EDDEB, #008ABB, #006855, #1B416C)
• Aged Denim Harbor color palette (#FBEDE3, #389CC0, #004C81, #00302E, #06093F)
• Sunlit Periwinkle color palette (#E5F3E7, #B0D9FA, #74A6EF, #008DA8, #222A52)
• Hushed Lagoon color palette (#E8DBD5, #159297, #004454, #002416, #000A16)
• Hushed Ash color palette (#F9F4EF, #CAE7EB, #8697C9, #3E7984, #634A57)

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