Ultramarine Courtyard color palette — #F0E8E0 · #5E98C8 · #2B4DB5 · #003A42 · #0B0027

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

The five colors

• Parchment (#F0E8E0): a clean, paper-quiet neutral.
• Slate Blue (#5E98C8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#2B4DB5): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003A42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#0B0027): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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 Villa color palette (#F7ECE7, #569EB1, #005E8B, #003C35, #000623)
• Pale Indigo Ridge color palette (#F8E4EA, #78A6C9, #536BCC, #005D5D, #0F0023)
• Tempered Cobalt Meadow color palette (#D8F0EF, #3A85C4, #003B78, #00202F, #00032A)
• Patina Courtyard color palette (#FAEBE4, #8DD2DB, #0093C0, #006E56, #112F4D)
• Hushed Pine color palette (#FDF3ED, #A6E9E9, #00ADCD, #008756, #114462)
• Airy Aubergine Veranda color palette (#F5E4D6, #824700, #005476, #431593, #040100)
• Lapis Alley color palette (#F3DFCE, #9C5300, #381CEE, #562B00, #020023)
• Lagoon Boulevard color palette (#FBF4ED, #C3F0E1, #84A5E0, #008B95, #5A3D4F)

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