Ultramarine Courtyard color palette — #F4E5EB · #6C98B6 · #104FB9 · #003B3F · #080029

Cobalt and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Rose Water (#F4E5EB): bright and airy, almost weightless.
• Slate Blue (#6C98B6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#104FB9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003B3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#080029): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Denim Orchard color palette (#EEDEE9, #4DA0AF, #006084, #003D31, #00091B)
• Ultramarine Canyon color palette (#E8DBDF, #71A7D6, #2B4EEC, #004952, #15053A)
• Washed Coast color palette (#EBE2DA, #77A7C7, #526FC0, #005D5B, #0E0024)
• Navy Studio color palette (#E0E6D4, #4987B2, #003E6E, #00202D, #00081E)
• Scarlet Orchard color palette (#DEDFFC, #C986B1, #CF5552, #264387, #19031E)
• Aged Cerulean color palette (#F4EBF2, #96D0D5, #0094BA, #006F50, #08304D)
• Quiet Aubergine color palette (#D4DFF1, #5B5ADF, #5F00AA, #39004C, #130012)
• Washed Pine Delta color palette (#FEF0FA, #A2EBE6, #00AEC7, #00884B, #084560)

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