Ultramarine Courtyard color palette — #F3E3EA · #639ABA · #0453B1 · #003B3D · #07002B

A conversation between Cobalt and Ink, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F3E3EA): bright and airy, almost weightless.
• Slate Blue (#639ABA): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0453B1): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Teal (#003B3D): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#07002B): 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

• Tempered Denim color palette (#EEE5EC, #5C9EA9, #006181, #003D2F, #00091A)
• Timeworn Denim color palette (#F7EBE1, #4DADE2, #1E529D, #002B2D, #01000A)
• Washed Navy color palette (#E6E9E0, #5187A9, #003F69, #00212B, #00091B)
• Gentle Cobalt color palette (#DBF4F3, #4BABE1, #067ABF, #005A71, #00091A)
• Sunlit Chapel color palette (#F6E9F1, #83BBCE, #007BBD, #005A52, #091B49)
• Bronze Market color palette (#FFE6EF, #995600, #005F87, #542D00, #00070E)
• Cerulean Balcony color palette (#F6EBF2, #A5CCD8, #0095B4, #00704A, #00314D)
• Tempered Iris Archive color palette (#FFF1F5, #BDDFFF, #7194FF, #008090, #403470)

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