Tempered Ultramarine Courtyard color palette — #EFF6FF · #80AAF3 · #C18705 · #0053DA · #231500

Cobalt takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Cornflower (#80AAF3): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#C18705): A luminous, balanced gold — the color of afternoon light on wheat.
• Cobalt (#0053DA): A full-bodied, vivid violet — the color of wild irises.
• Ink (#231500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Ultramarine 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

• Lapis Atelier color palette (#F1F5FF, #A9B1FF, #999000, #4B39D2, #1B1900)
• Amber Loft color palette (#EDF6FF, #5EB2F1, #CB7E00, #0069A2, #261300)
• Indigo Villa color palette (#F0F5FF, #A9BCFD, #C7A507, #5064E5, #312700)
• Hazy Nightshade Bloom color palette (#E7EEFF, #8680F3, #837E00, #4A00CC, #090800)
• Ember Veranda color palette (#E9F8FF, #00BEDA, #EB5D42, #007081, #340400)
• Frosted Drift color palette (#F1E4EF, #3572FF, #8D6200, #0A38A6, #1B0F00)
• Feathered Byzantium color palette (#F4F4FF, #C094E4, #5CAB06, #8A09C8, #0B1E00)
• Softworn Scarlet color palette (#F0F5FF, #6A8BEE, #DB473D, #008131, #03072C)

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