Ultramarine Courtyard color palette — #F2F5FB · #DED6E0 · #BAAEC4 · #4E59B2 · #333A4B

Built around Cobalt, softened by Ash — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DED6E0): a clean, paper-quiet neutral.
• Ash (#BAAEC4): A luminous, dusty violet — the color of wild irises.
• Cobalt (#4E59B2): A full-bodied, balanced violet — the color of wild irises.
• Charcoal (#333A4B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Patina Mulberry color palette (#F5F4FB, #E0D6DB, #BFADB8, #834A8A, #3B3943)
• Forest Workshop color palette (#CAE7FF, #91ABC0, #826990, #006954, #244B61)
• Aged Aubergine Parlor color palette (#E8EBF2, #B9B7C3, #98879E, #422998, #1A1E2E)
• Dusty Loft color palette (#F1ECF3, #D6C7D0, #91A792, #8B2E50, #332A36)
• Antique Onyx color palette (#E3DFE9, #A195A1, #876575, #4F003E, #0C0612)
• Feathered Study color palette (#D8F5F6, #318FC2, #72428B, #004D35, #1E304D)
• Inked Hollow color palette (#EDEEFF, #7849A0, #2D1F35, #121124, #05030C)
• Washed Delta color palette (#ECF9ED, #97A16F, #377148, #6C3556, #173E32)

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