Sapphire Courtyard color palette — #CBE1FC · #0066D2 · #685100 · #00295C · #020100

Built around Royal Blue, softened by Midnight — the whole palette hums with nature and growth.

The five colors

• Powder Blue (#CBE1FC): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#0066D2): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Coffee (#685100): A full-bodied, balanced gold — the color of old brass.
• Midnight (#00295C): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged 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

• Washed Lapis color palette (#E5ECFF, #6454CB, #635400, #2B0079, #020100)
• Chestnut Basin color palette (#D2E6F2, #007694, #7D4400, #00313E, #030100)
• Velvet Denim Quarry color palette (#EED5EF, #00509B, #4C3D00, #002044, #080500)
• Byzantium Parlor color palette (#ECEAFF, #943AB3, #465F00, #450058, #010100)
• Weathered Ultramarine Lagoon color palette (#F2E1F0, #4B7AD8, #8E6A00, #0034DE, #090500)
• Tempered Alley color palette (#CEEFF9, #9B7F00, #008098, #080C11, #000103)
• Gentle Peony Ridge color palette (#D8E6F7, #C1B2F8, #CB5F7D, #004E5D, #01000A)
• Tempered Ultramarine color palette (#F0F5FF, #A1B4FF, #859800, #3D46C6, #161B00)

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