Ultramarine Courtyard color palette — #F9E9F0 · #63C3F2 · #2261C8 · #003E38 · #030011

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

The five colors

• Blush (#F9E9F0): bright and airy, almost weightless.
• Sky (#63C3F2): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#2261C8): A full-bodied, vivid violet — the color of wild irises.
• Forest (#003E38): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#030011): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Timeworn Petrol color palette (#F6EAF4, #67C8D1, #007099, #004123, #00020E)
• Forest Bloom color palette (#FDF0FF, #7EDFDA, #0088A5, #05560F, #000D1E)
• Quiet Cobalt Thicket color palette (#EEF2E4, #75B9DF, #218ACB, #006981, #00142B)
• Gentle Navy Dune color palette (#EADCD2, #5798BB, #004792, #003031, #0E0046)
• Muted Denim Summit color palette (#CFE6E4, #688FAA, #004E77, #002A34, #00040E)
• Airy Apricot color palette (#F4F4FF, #FFB1E7, #EB8A60, #005F8C, #08031D)
• Tempered Amethyst Terrace color palette (#ECE8F7, #8204EA, #406500, #304D00, #020007)
• Hushed Cabin color palette (#D9EDFC, #3F70FF, #6000CA, #42004D, #0A0006)

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