Sapphire Courtyard color palette — #EFF6FF · #F2A960 · #0C64CE · #0A3874 · #0E1B2C

Built around Royal Blue, softened by Cantaloupe — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cantaloupe (#F2A960): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0C64CE): A full-bodied, vivid blue — the color of open sky before noon.
• Navy (#0A3874): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#0E1B2C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.

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

• Sunlit Lapis Lantern color palette (#F0F5FF, #BCC35A, #4C57D3, #2C346C, #111A2D)
• Hushed Blush Drift color palette (#EDF7FF, #FF999E, #0071A4, #003F5E, #0A1C2A)
• Cobalt Orchard color palette (#FFEFFF, #FFCDA3, #2F6BB5, #0C2E57, #0E030F)
• Dusty Ultramarine Studio color palette (#D3DFF1, #CD9B3D, #234DAE, #0D2459, #030B1A)
• Weathered Azure color palette (#EEF6FF, #90E5AF, #4E93D0, #2C5F8C, #061C2F)
• Feathered Drift color palette (#DAE5FA, #8C9D19, #2C3697, #0D104A, #00010F)
• Iris Meadow color palette (#F2F5FD, #E2D6E5, #D6B6C9, #757FCA, #39404E)
• Driftwood Studio color palette (#F4F4FC, #AADFCB, #8B70A4, #4A4967, #2A2A36)

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