Sapphire Courtyard color palette — #E4EDF9 · #0072DF · #003169 · #000F23 · #00030B

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#E4EDF9): bright and airy, almost weightless.
• Royal Blue (#0072DF): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#003169): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#000F23): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00030B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged monochrome, dark, cool.

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

• Inked Petrol color palette (#D9EEFA, #0078A7, #003D56, #000F18, #000204)
• Chalky Cobalt color palette (#D8EBFF, #49A0F9, #0075CB, #004684, #00030A)
• Hazy Navy color palette (#D1E5FC, #2888E3, #004EAB, #00214E, #000208)
• Shadow Indigo Thicket color palette (#DDE4F7, #5156FB, #1D03A4, #020044, #010014)
• Moonless Lapis color palette (#E0E0F5, #6440DD, #2D007E, #1E0716, #0A0022)
• Sunlit Courtyard color palette (#D8F1DD, #F2112C, #0076C3, #0B0C1C, #000206)
• Lapis Lantern color palette (#E3E9F8, #6145E0, #640020, #26006F, #070001)
• Weathered Ultramarine color palette (#E6EFFF, #668AFF, #143ADE, #13148F, #001A48)

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